/* ═══════════════════════════════════════════════════════════════
   ALPHA · Site-wide Skeuomorphism skin (iOS 6 + Aqua)
   Active only under html.theme-skeuo (header palette toggle).
   PASS 1 — conservative: parchment desk + gel buttons + gel header
   controls + paper bevel on cards. Does NOT recolor header/section
   backgrounds (avoids breaking text contrast). Excludes exam pages.
   ═══════════════════════════════════════════════════════════════ */

/* ═══ SKEUO ICON RESOURCE (DOM-verified: sidebar icons are 24px SVG <img>
   glyphs, content panels use SVG <img> + a few FA <i>) ═══
   Sidebar nav icons → iOS-6 "Settings" glossy gel TILES (set bg on the img
   itself; the transparent SVG glyph sits on the cream tile). Font icons →
   letterpress emboss. Active row keeps a dark tile so its white glyph reads. */
html.theme-skeuo .woocommerce-MyAccount-navigation a img,
html.theme-skeuo .acc-side .t-list a img,
html.theme-skeuo .t-list a img{
  width:30px !important; height:30px !important; padding:5px !important; box-sizing:border-box !important;
  border-radius:8px !important;
  background:linear-gradient(180deg,#fdfcf7,#ece4d0) !important;
  border:1px solid #d8cdb0 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(90,70,30,.26) !important;
}
/* active item (dark row, WHITE glyph): a tile made it a blank WHITE SQUARE.
   → NO tile on active: transparent, white glyph sits directly on the dark row
   (like the original). Needs ≥(0,4,3) to beat default `.acc-side .t-list a img`. */
html.theme-skeuo .acc-side .t-list a.is-active img,
html.theme-skeuo .acc-side .t-list a.active img,
html.theme-skeuo .woocommerce-MyAccount-navigation .t-list a.is-active img,
html.theme-skeuo .t-list a.is-active.t-link img,
/* HOVER also turns the row dark + glyph white → same white-square → drop tile too */
html.theme-skeuo .acc-side .t-list a:hover img,
html.theme-skeuo .woocommerce-MyAccount-navigation .t-list a:hover img{
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}
/* dark mode tiles */
html.theme-skeuo.ae-dark-mode .woocommerce-MyAccount-navigation a img,
html.theme-skeuo.ae-dark-mode .t-list a img{
  background:linear-gradient(180deg,#3a3026,#2c2419) !important; border:1px solid rgba(255,214,150,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.06),0 1px 2px rgba(0,0,0,.5) !important;
}
/* font icons site-wide → subtle letterpress emboss (skip carousel chevrons) */
html.theme-skeuo i[class*="fa-"]:not(.roate):not(.fa-arrow-right):not(.fa-chevron-left):not(.fa-chevron-right),
html.theme-skeuo i.ti,html.theme-skeuo .ti{
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.5)) !important;
}

/* desk — iBooks (iOS 6) honey-OAK wood: fine grain + broad plank bands + warm
   oak base. Cream paper panels read as sheets sitting on a wooden bookshelf. */
/* SOLID oak base (not a vertical gradient) + grain, attachment SCROLL so it
   paints the FULL page height — `fixed` left white gaps on lower sections. */
html.theme-skeuo body{
  background:
    repeating-linear-gradient(90deg, rgba(64,40,16,.08) 0 1px, rgba(255,236,198,.06) 1px 2px, transparent 2px 7px, rgba(64,40,16,.05) 7px 8px, transparent 8px 14px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.045) 0 104px, rgba(255,240,210,.05) 104px 106px, transparent 106px 220px),
    #cdaa6b !important;
  background-attachment:scroll !important;
}

/* universal buttons → add gel depth + bevel WITHOUT recoloring (colored
   buttons keep their colour, just gain glossy depth) */
html.theme-skeuo .btn{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 5px rgba(0,0,0,.22) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.14);
  border-radius:12px !important;
}
html.theme-skeuo .btn:hover{ filter:brightness(1.03); }
html.theme-skeuo .btn:active{ box-shadow:inset 0 2px 5px rgba(0,0,0,.28) !important; transform:translateY(.5px); }

/* round header controls (dark-mode / skin / search) → brushed gel pucks */
html.theme-skeuo .hd-ctr{
  background:linear-gradient(180deg,#fdfdfd,#e6e1d2) !important;
  border:1px solid #c4bba0 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(90,70,30,.3) !important;
}
html.theme-skeuo .hd-ctr:hover{ background:linear-gradient(180deg,#fff,#efe9d8) !important; }
html.theme-skeuo .hd-ctr .icon i,html.theme-skeuo .hd-ctr .icon svg{ color:#5a5142 !important; }
/* skin toggle: match moon/search puck geometry (DOM-verified).
   Desktop ≥992px = circle 32px; mobile ≤991px = vuông tròn 4px (theme .hd-ctr).
   KHÔNG ép border-radius:50% mobile — lệch moon/search + lộ SVG nửa tròn lạ. */
.alpha-skin-toggle.hd-ctr{
  width:32px !important; height:32px !important;
  border-radius:0.4rem !important;
  padding:0 !important; box-sizing:border-box !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  cursor:pointer; flex-shrink:0 !important;
}
@media screen and (min-width: 992px) {
  .alpha-skin-toggle.hd-ctr{ border-radius:50% !important; }
}
.alpha-skin-toggle.hd-ctr .icon{ display:flex !important; align-items:center !important; justify-content:center !important; }
.alpha-skin-toggle.hd-ctr .icon svg{ width:18px !important; height:18px !important; display:block !important; flex-shrink:0 !important; }
/* Flat — ring puck giống .ae-dark-mode-toggle-header (desktop circle / mobile vuông tròn) */
html:not(.theme-skeuo) .alpha-skin-toggle.hd-ctr{
  background:transparent !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
  color:#1a1a1a !important;
}
html:not(.theme-skeuo) .alpha-skin-toggle.hd-ctr .icon svg,
html:not(.theme-skeuo) .alpha-skin-toggle.hd-ctr .icon svg circle{
  color:#1a1a1a !important;
  stroke:#1a1a1a !important;
}
html:not(.theme-skeuo) .alpha-skin-toggle.hd-ctr .icon svg path{ fill:#1a1a1a !important; stroke:none !important; }
html:not(.theme-skeuo).ae-dark-mode .alpha-skin-toggle.hd-ctr{
  border-color:#fff !important;
  color:#e8e8e8 !important;
}
html:not(.theme-skeuo).ae-dark-mode .alpha-skin-toggle.hd-ctr .icon svg,
html:not(.theme-skeuo).ae-dark-mode .alpha-skin-toggle.hd-ctr .icon svg circle{
  color:#e8e8e8 !important;
  stroke:#e8e8e8 !important;
}
html:not(.theme-skeuo).ae-dark-mode .alpha-skin-toggle.hd-ctr .icon svg path{ fill:#e8e8e8 !important; stroke:none !important; }
/* Skeuo — cream gel puck (desktop circle / mobile vuông tròn như moon/search) */
html.theme-skeuo .alpha-skin-toggle.hd-ctr{
  background:linear-gradient(180deg,#fdfdfd,#e6e1d2) !important;
  border:1px solid #c4bba0 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(90,70,30,.3) !important;
  color:#5a5142 !important;
}
html.theme-skeuo .alpha-skin-toggle.hd-ctr .icon svg,
html.theme-skeuo .alpha-skin-toggle.hd-ctr .icon svg circle{
  color:#5a5142 !important;
  stroke:#5a5142 !important;
}
html.theme-skeuo .alpha-skin-toggle.hd-ctr .icon svg path{ fill:#5a5142 !important; stroke:none !important; }
html.theme-skeuo.ae-dark-mode .alpha-skin-toggle.hd-ctr{
  background:linear-gradient(180deg,#3a3026,#2c2419) !important;
  border:1px solid rgba(255,214,150,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.06),0 1px 2px rgba(0,0,0,.5) !important;
  color:#cdd3e0 !important;
}
html.theme-skeuo.ae-dark-mode .alpha-skin-toggle.hd-ctr .icon svg,
html.theme-skeuo.ae-dark-mode .alpha-skin-toggle.hd-ctr .icon svg circle{
  color:#cdd3e0 !important;
  stroke:#cdd3e0 !important;
}
html.theme-skeuo.ae-dark-mode .alpha-skin-toggle.hd-ctr .icon svg path{ fill:#cdd3e0 !important; }
/* Mobile ≤1200px: theme .hd-ctr { color:#fff; bg:red } — reset puck header toggles */
@media screen and (max-width: 1200px) {
  .alpha-skin-toggle.hd-ctr,
  .ae-dark-mode-toggle.ae-dark-mode-toggle-header{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    flex:0 0 32px !important;
    border-radius:0.4rem !important;
    flex-shrink:0 !important;
    position:static !important;
    inset:auto !important;
    transform:none !important;
    margin:0 !important;
  }
  .alpha-skin-toggle.hd-ctr .icon,
  .ae-dark-mode-toggle.ae-dark-mode-toggle-header .icon{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .ae-dark-mode-toggle.ae-dark-mode-toggle-header .icon i{
    font-size:1.6rem !important;
    line-height:1 !important;
  }
  html:not(.theme-skeuo) .alpha-skin-toggle.hd-ctr,
  html:not(.theme-skeuo) .ae-dark-mode-toggle.ae-dark-mode-toggle-header{
    background:transparent !important;
    border:1px solid #000 !important;
    color:#1a1a1a !important;
    box-shadow:none !important;
  }
  html:not(.theme-skeuo).ae-dark-mode .alpha-skin-toggle.hd-ctr,
  html:not(.theme-skeuo).ae-dark-mode .ae-dark-mode-toggle.ae-dark-mode-toggle-header{
    border-color:#fff !important;
    color:#e8e8e8 !important;
  }
  html:not(.theme-skeuo) .alpha-skin-toggle.hd-ctr .icon svg path{ fill:#1a1a1a !important; }
  html:not(.theme-skeuo).ae-dark-mode .alpha-skin-toggle.hd-ctr .icon svg path{ fill:#e8e8e8 !important; }
  html:not(.theme-skeuo) .ae-dark-mode-toggle.ae-dark-mode-toggle-header .ae-moon-icon{ color:#1a1a1a !important; }
  html:not(.theme-skeuo).ae-dark-mode .ae-dark-mode-toggle.ae-dark-mode-toggle-header .ae-sun-icon{ color:#e8e8e8 !important; }
  html.theme-skeuo .alpha-skin-toggle.hd-ctr,
  html.theme-skeuo .ae-dark-mode-toggle.ae-dark-mode-toggle-header{
    background:linear-gradient(180deg,#fdfdfd,#e6e1d2) !important;
    border:1px solid #c4bba0 !important;
    color:#5a5142 !important;
    box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(90,70,30,.3) !important;
  }
  html.theme-skeuo.ae-dark-mode .alpha-skin-toggle.hd-ctr,
  html.theme-skeuo.ae-dark-mode .ae-dark-mode-toggle.ae-dark-mode-toggle-header{
    background:linear-gradient(180deg,#3a3026,#2c2419) !important;
    border-color:rgba(255,214,150,.18) !important;
    color:#cdd3e0 !important;
    box-shadow:inset 0 1px 0 rgba(255,236,200,.06),0 1px 2px rgba(0,0,0,.5) !important;
  }
  html.theme-skeuo.ae-dark-mode .ae-dark-mode-toggle.ae-dark-mode-toggle-header .ae-sun-icon{ color:#cdd3e0 !important; }
  /* Hẹp: chừa chỗ cho moon/sun trước search */
  .hd-act{ gap:0.6rem !important; }
  .hd-act .hd-btn .btn{ padding:0.4rem 0.8rem !important; font-size:1.2rem !important; }
}
@media screen and (max-width: 380px) {
  .hd-act .hd-btn .btn .inner{ max-width:5.6rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

/* 4th puck = account/login (a.btn.btn-login): logged-out = person icon,
   logged-in = avatar img. STRUCTURE is UNSCOPED (both skins) so the avatar img
   is clipped to the circle in FLAT too (it was overflowing the ring). */
.hd-act .btn-login{ overflow:hidden !important; }
.hd-act .btn-login .icon{ width:100% !important; height:100% !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.hd-act .btn-login .icon img{ width:100% !important; height:100% !important; max-width:100% !important; border-radius:50% !important; object-fit:cover !important; position:static !important; margin:0 !important; }
/* SKEUO skin only: cream gel rim + radius (my .btn rule had made it a 12px square). */
html.theme-skeuo .hd-act .btn-login{
  width:32px !important; height:32px !important; padding:0 !important; border-radius:50% !important;
  background:linear-gradient(180deg,#fdfdfd,#e6e1d2) !important;
  border:1px solid #c4bba0 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(90,70,30,.3) !important;
}
html.theme-skeuo .hd-act .btn-login .icon i{ color:#5a5142 !important; }
html.theme-skeuo.ae-dark-mode .hd-act .btn-login{
  background:linear-gradient(180deg,#3a3026,#2c2419) !important; border:1px solid rgba(255,214,150,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.06),0 1px 2px rgba(0,0,0,.5) !important;
}
html.theme-skeuo.ae-dark-mode .hd-act .btn-login .icon i{ color:#cdd3e0 !important; }

/* generic content cards → soft paper bevel (keep their own background) */
html.theme-skeuo .card,
html.theme-skeuo .box,
html.theme-skeuo .item-box,
html.theme-skeuo .sec-news .item,
html.theme-skeuo .post-item{
  box-shadow:0 1px 1px rgba(0,0,0,.08),0 14px 30px -16px rgba(80,60,20,.42) !important;
  border-radius:14px !important;
}

/* ── Homepage (DOM-scanned: live alpha.local) ── */
/* white sections break the parchment desk → make them transparent so the
   felt/parchment body bg shows through (sec-hab/hsf/sct, teacher wrap). */
html.theme-skeuo .sec-hab,
html.theme-skeuo .sec-hsf,
html.theme-skeuo .sec-sct{ background:transparent !important; }
/* "ĐÓN ĐẦU CÔNG NGHỆ" backdrop (.tch-wrap) had a big light-gray rounded PANEL in
   the original → restore it as a full-size warm parchment panel (was wrongly made
   transparent, breaking the proportion). */
/* specificity boosted (doubled class) to beat the DB-customizer inline rules. */
html.theme-skeuo .sec-tch .tch-wrap.tch-wrap{
  background:linear-gradient(180deg,#f4ecda,#e9dec5) !important;
  border:1px solid #ddd0b3 !important; border-radius:28px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 20px 44px -24px rgba(90,68,28,.5) !important;
}
html.theme-skeuo.ae-dark-mode .sec-tch .tch-wrap.tch-wrap{ background:linear-gradient(180deg,#2a2218,#211a11) !important; border:1px solid rgba(255,210,140,.1) !important; }
/* DARK MODE "ĐÓN ĐẦU CÔNG NGHỆ" (.sec-tch): the panel above is warm walnut, but
   the inner text column + teacher swipe card were computing COOL GREY (the generic
   `.slideCard`/`.panel` walnut-gray list + the theme dark CSS). Mirror LIGHT mode:
   ONE warm-walnut panel (#2a2218) + a DISTINCT, slightly-lighter walnut teacher
   card. Specificity boosted (body + sec-tch + doubled class) to beat both the
   cool-grey `.slideCard` rule (later in file) and the theme's dark customizer. */
html.theme-skeuo.ae-dark-mode .sec-tch .tch-panel,
html.theme-skeuo.ae-dark-mode body .sec-tch .tch-row .col,
html.theme-skeuo.ae-dark-mode body .sec-tch .tch-row .col-6{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
/* teacher swipe card wrapper = .tch-slider.slideCard → TRANSPARENT so the whole
   .tch-wrap box reads as ONE uniform walnut colour (anh: "cả cái ô đó chỉ 1 màu").
   The teacher photo + its caption sit directly on the single warm-walnut panel. */
html.theme-skeuo.ae-dark-mode body .sec-tch .tch-slider.tch-slider.slideCard{
  background:linear-gradient(180deg,#2a2218,#211a11) !important;
  background-image:linear-gradient(180deg,#2a2218,#211a11) !important;   /* = .tch-wrap → cả ô 1 màu */
  background-color:#2a2218 !important;
  border:0 !important; box-shadow:none !important;
}
/* slider < > nav buttons → cream gel pucks (doubled class beats customizer) */
html.theme-skeuo .swiper-control-btn.swiper-control-btn{
  background:linear-gradient(180deg,#fdfdfb,#e7ddc6) !important; border:1px solid #ccbf9e !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(90,68,28,.35) !important; color:#7a5e2e !important;
}
html.theme-skeuo .swiper-control-btn.swiper-control-btn:hover{ background:linear-gradient(180deg,#fff,#efe6d2) !important; }
html.theme-skeuo body .swiper-control-btn.swiper-control-btn i,
html.theme-skeuo body .swiper-control-btn.swiper-control-btn i::before,
html.theme-skeuo body .swiper-control-btn.swiper-control-btn svg{ display:inline-block !important; color:#7a5e2e !important; fill:#7a5e2e !important; filter:none !important; }
/* dark: puck vàng brass + chevron trắng (SVG layer) */
html.theme-skeuo.ae-dark-mode .swiper-control-btn.swiper-control-btn{
  background-color:transparent !important;
  border:1px solid #8d6822 !important; color:#fff !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.85),0 2px 6px rgba(0,0,0,.55) !important;
}
html.theme-skeuo.ae-dark-mode .swiper-control-btn.swiper-prev,
html.theme-skeuo.ae-dark-mode .swiper-control-btn.exam-cards-prev,
html.theme-skeuo.ae-dark-mode .swiper-control-btn.lib-skills-prev,
html.theme-skeuo.ae-dark-mode .swiper-control-btn.lib-featured-prev{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='14 6 8 12 14 18' fill='none' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,#f4d98a,#c89b40) !important;
  background-repeat:no-repeat,no-repeat !important; background-position:center,center !important; background-size:18px,cover !important;
}
html.theme-skeuo.ae-dark-mode .swiper-control-btn.swiper-next,
html.theme-skeuo.ae-dark-mode .swiper-control-btn.exam-cards-next,
html.theme-skeuo.ae-dark-mode .swiper-control-btn.lib-skills-next,
html.theme-skeuo.ae-dark-mode .swiper-control-btn.lib-featured-next{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='10 6 16 12 10 18' fill='none' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,#f4d98a,#c89b40) !important;
  background-repeat:no-repeat,no-repeat !important; background-position:center,center !important; background-size:18px,cover !important;
}
html.theme-skeuo.ae-dark-mode .swiper-control-btn.swiper-control-btn i{ display:none !important; }
html.theme-skeuo.ae-dark-mode .lib-carousel-control .swiper-control-btn{
  background-color:transparent !important;
  border:1px solid #8d6822 !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.85),0 2px 6px rgba(0,0,0,.55) !important;
}
html.theme-skeuo.ae-dark-mode .swiper-control-btn.swiper-control-btn:hover{ filter:brightness(1.06); }
/* exam carousel (.exq-it): mỗi đề = thẻ riêng nổi trên tray tối (giống light white-on-cream) */
html.theme-skeuo.ae-dark-mode body .exq-it,
html.theme-skeuo.ae-dark-mode body .monaExamSlider .exq-it{
  display:flex !important; flex-direction:column !important;
  background:linear-gradient(180deg,#3a342c,#2f2922) !important;
  border:1px solid rgba(255,214,150,.14) !important; border-radius:14px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 18px -4px rgba(0,0,0,.55) !important;
  color:#e9dcc0 !important; text-decoration:none !important; overflow:hidden !important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease !important;
}
html.theme-skeuo.ae-dark-mode body .exq-it:hover{
  border-color:rgba(255,214,150,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px -6px rgba(0,0,0,.65) !important;
  transform:translateY(-2px) !important;
}
html.theme-skeuo.ae-dark-mode body .exq-it .b-inner,
html.theme-skeuo.ae-dark-mode body .exq-it .b-head,
html.theme-skeuo.ae-dark-mode body .exq-it .b-ctn,
html.theme-skeuo.ae-dark-mode body .exq-it .b-bot,
html.theme-skeuo.ae-dark-mode body .exq-it .b-image,
html.theme-skeuo.ae-dark-mode body .exq-it .b-image .inner{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
html.theme-skeuo.ae-dark-mode body .exq-it .text,
html.theme-skeuo.ae-dark-mode body .exq-it .b-bot .txt,
html.theme-skeuo.ae-dark-mode body .exq-it .b-bot .text{ color:#e9dcc0 !important; }
/* course cards (.crs-it ×7) + search dropdown → paper sheets */
html.theme-skeuo .crs-it,
html.theme-skeuo .hd-search-wrap{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e6dcbe !important;
  box-shadow:0 1px 1px rgba(0,0,0,.07),0 16px 30px -18px rgba(80,60,20,.5),inset 0 1px 0 #fff !important;
  border-radius:14px !important;
}
html.theme-skeuo.ae-dark-mode .crs-it,
html.theme-skeuo.ae-dark-mode .hd-search-wrap{
  background:linear-gradient(180deg,#2f2820,#241e16) !important; border:1px solid rgba(255,214,150,.06) !important;
  box-shadow:0 16px 30px -18px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,236,200,.04) !important;
}
/* Homepage = wood shelf. body's `background-attachment:fixed` wood does NOT show
   through lower sections reliably (DOM-verified: crssw + main all transparent yet
   render light) → put OPAQUE wood directly on the home content wrapper so the
   whole page is wood, with paper cards floating on it. */
html.theme-skeuo main.page-home,
html.theme-skeuo .page-home,
html.theme-skeuo body.home main{
  background:
    repeating-linear-gradient(90deg, rgba(64,40,16,.08) 0 1px, rgba(255,236,198,.06) 1px 2px, transparent 2px 7px, rgba(64,40,16,.05) 7px 8px, transparent 8px 14px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.045) 0 104px, rgba(255,240,210,.05) 104px 106px, transparent 106px 220px),
    #cdaa6b !important;
}
/* sections transparent so the wrapper wood shows; only cards get paper */
html.theme-skeuo .sec-hab,html.theme-skeuo .sec-hdt,html.theme-skeuo .sec-crssw,
html.theme-skeuo .sec-std,html.theme-skeuo .sec-tch,html.theme-skeuo .sec-smt,
html.theme-skeuo .sec-srw,html.theme-skeuo .sec-newsrl,html.theme-skeuo .sec-sct,
html.theme-skeuo .sec-hsf{ background:transparent !important; }
/* "Các Khóa Học" white band: the theme paints it via .sec-crssw::before (a
   PSEUDO — invisible to element scans), color #f4f7fa cold white → ugly on wood.
   → warm PARCHMENT band (pairs with oak; the cream course cards pop on it). */
html.theme-skeuo .sec-crssw::before{
  background:linear-gradient(180deg,#f3ead6,#e8ddc2) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 20px 34px -24px rgba(120,90,40,.22) !important;
}
html.theme-skeuo.ae-dark-mode .sec-crssw::before{ background:linear-gradient(180deg,#241c12,#1b140b) !important; box-shadow:none !important; }
/* banner counters (.bnh-image .b-inner): cream covered the banner photo → revert
   so the white counter text sits on the photo and reads. */
html.theme-skeuo .bnh-image .b-inner,
html.theme-skeuo .box-dcor .b-inner{ background:transparent !important; border:0 !important; box-shadow:none !important; }

/* ── DARK MODE homepage = unified dark-walnut shelf ──
   Bug (DOM-verified): main.page-home kept LIGHT oak (#cdaa6b) with no dark
   override, while sec-hab/crssw/smt/std/tch computed BLACK because the theme's
   dark CSS beat my single-class `transparent`. Result: light-wood patches next to
   black patches ("lổm chổm"). The 2-class `.theme-skeuo.ae-dark-mode` here outranks
   both → one continuous dark grain with the sections transparent over it. */
html.theme-skeuo.ae-dark-mode main.page-home,
html.theme-skeuo.ae-dark-mode .page-home,
html.theme-skeuo.ae-dark-mode body.home main{
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.30) 0 1px, rgba(150,100,50,.06) 1px 2px, transparent 2px 7px, rgba(0,0,0,.22) 7px 8px, transparent 8px 14px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.24) 0 104px, rgba(150,100,50,.05) 104px 106px, transparent 106px 220px),
    #241a12 !important;
  background-attachment:scroll !important;
}
html.theme-skeuo.ae-dark-mode .sec-hab,html.theme-skeuo.ae-dark-mode .sec-hdt,
html.theme-skeuo.ae-dark-mode .sec-crssw,html.theme-skeuo.ae-dark-mode .sec-std,
html.theme-skeuo.ae-dark-mode .sec-tch,html.theme-skeuo.ae-dark-mode .sec-smt,
html.theme-skeuo.ae-dark-mode .sec-srw,html.theme-skeuo.ae-dark-mode .sec-newsrl,
html.theme-skeuo.ae-dark-mode .sec-sct,html.theme-skeuo.ae-dark-mode .sec-hsf{ background:transparent !important; }
/* header + footer were cool gray (theme dark) → warm them to the wood tone */
html.theme-skeuo.ae-dark-mode header.hd{
  background:linear-gradient(180deg,#2c2218,#201810) !important;
  border-bottom:1px solid rgba(255,210,140,.14) !important;
}
html.theme-skeuo.ae-dark-mode footer.ft{
  background:linear-gradient(180deg,#241b12,#1a130c) !important;
  border-top:1px solid rgba(255,210,140,.12) !important;
}
/* ── ALL cards / panels / boxes → ONE warm dark-walnut surface (were cream in
   light → stayed cream / cold-gray / pure-black in dark = "lổm chổm"). ── */
html.theme-skeuo.ae-dark-mode .crses-card,html.theme-skeuo.ae-dark-mode .acc-panel,
html.theme-skeuo.ae-dark-mode .b-panel,html.theme-skeuo.ae-dark-mode .t-panel,
html.theme-skeuo.ae-dark-mode .crs-panel,html.theme-skeuo.ae-dark-mode .tch-panel,
html.theme-skeuo.ae-dark-mode .srw-panel,html.theme-skeuo.ae-dark-mode .vlg-panel,
html.theme-skeuo.ae-dark-mode .vocabulary-panel,html.theme-skeuo.ae-dark-mode .ai-writing-credit-panel,
html.theme-skeuo.ae-dark-mode .aig-form-card,html.theme-skeuo.ae-dark-mode .tabPanel,
html.theme-skeuo.ae-dark-mode .slideCard,html.theme-skeuo.ae-dark-mode .panel,
html.theme-skeuo.ae-dark-mode .crs-it,html.theme-skeuo.ae-dark-mode .ai-credit-container,
html.theme-skeuo.ae-dark-mode .sec-hab .b-inner,html.theme-skeuo.ae-dark-mode .b-py,
html.theme-skeuo.ae-dark-mode .ar-card,html.theme-skeuo.ae-dark-mode .wpcf7-form,
html.theme-skeuo.ae-dark-mode .frm,html.theme-skeuo.ae-dark-mode .contact-card,
html.theme-skeuo.ae-dark-mode .b-content,html.theme-skeuo.ae-dark-mode .b-ctn,
html.theme-skeuo.ae-dark-mode .b-item,html.theme-skeuo.ae-dark-mode .hsf-panel,
html.theme-skeuo.ae-dark-mode .news-it,html.theme-skeuo.ae-dark-mode .sct-form,
html.theme-skeuo.ae-dark-mode .form-gr,html.theme-skeuo.ae-dark-mode .icard-it,
html.theme-skeuo.ae-dark-mode .qov-card{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border:1px solid rgba(255,214,150,.04) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 30px -16px rgba(0,0,0,.7) !important;
  color:#e9dcc0 !important;
}
/* INNER WRAPPERS inside dark walnut cards → NO border (prevents concentric
   rectangles). Only OUTERMOST cards (.crses-card, .acc-panel, .crs-it,
   .news-it, .ar-card, .qov-card, .icard-it, .contact-card) keep a border.
   This mirrors flat dark mode which has no visible nested borders. */
html.theme-skeuo.ae-dark-mode .b-panel,html.theme-skeuo.ae-dark-mode .t-panel,
html.theme-skeuo.ae-dark-mode .crs-panel,html.theme-skeuo.ae-dark-mode .tch-panel,
html.theme-skeuo.ae-dark-mode .srw-panel,html.theme-skeuo.ae-dark-mode .vlg-panel,
html.theme-skeuo.ae-dark-mode .vocabulary-panel,html.theme-skeuo.ae-dark-mode .tabPanel,
html.theme-skeuo.ae-dark-mode .slideCard,html.theme-skeuo.ae-dark-mode .panel:not(.acc-panel),
html.theme-skeuo.ae-dark-mode .ai-credit-container,
html.theme-skeuo.ae-dark-mode .b-py,html.theme-skeuo.ae-dark-mode .b-content,
html.theme-skeuo.ae-dark-mode .b-ctn,html.theme-skeuo.ae-dark-mode .b-item,
html.theme-skeuo.ae-dark-mode .wpcf7-form,html.theme-skeuo.ae-dark-mode .frm,
html.theme-skeuo.ae-dark-mode .hsf-panel,html.theme-skeuo.ae-dark-mode .sct-form,
html.theme-skeuo.ae-dark-mode .form-gr,
html.theme-skeuo.ae-dark-mode .sec-hab .b-inner,
html.theme-skeuo.ae-dark-mode .b-inner{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
/* feature/banner b-inners carry illustrations → KEEP transparent (re-assert over ↑) */
html.theme-skeuo.ae-dark-mode .sec-hdt .b-inner,html.theme-skeuo.ae-dark-mode .bnh-image .b-inner,
html.theme-skeuo.ae-dark-mode .box-dcor .b-inner,html.theme-skeuo.ae-dark-mode .tch-row .col-6,
html.theme-skeuo.ae-dark-mode .tch-row .col{ background:transparent !important; border:0 !important; box-shadow:none !important; }
/* dark skeuo homepage banner stats (1K+ / Học viên / Đánh giá): dark-mode ép .t-des →
   xám #b0b0b0 trên ảnh slider → gel scrim + chữ cream (override ↑ transparent). */
html.theme-skeuo.ae-dark-mode body.home .bnh-image .box-dcor .b-inner{
  background:linear-gradient(145deg,rgba(22,14,8,.78),rgba(22,14,8,.5)) !important;
  border:1px solid rgba(255,214,150,.12) !important;
  box-shadow:0 10px 28px -10px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,236,200,.06) !important;
  color:#f5edd8 !important;
}
html.theme-skeuo.ae-dark-mode body.home .bnh-image .box-dcor .b-inner .t-des,
html.theme-skeuo.ae-dark-mode body.home .bnh-image .box-dcor .b-inner p.t-des{
  color:#f5edd8 !important;
  opacity:1 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.65) !important;
}
html.theme-skeuo.ae-dark-mode body.home .bnh-image .box-dcor .b-inner .t-num,
html.theme-skeuo.ae-dark-mode body.home .bnh-image .box-dcor .b-inner .countNum{
  text-shadow:0 2px 6px rgba(0,0,0,.7) !important;
}
/* form fields → dark graphite + warm cream text + readable placeholder */
html.theme-skeuo.ae-dark-mode input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=image]),
html.theme-skeuo.ae-dark-mode textarea,html.theme-skeuo.ae-dark-mode select,
html.theme-skeuo.ae-dark-mode .frm-control,html.theme-skeuo.ae-dark-mode .wpcf7 input,
html.theme-skeuo.ae-dark-mode .wpcf7 textarea{
  background:#221d15 !important; border:1px solid rgba(255,214,150,.16) !important; color:#ecdfc4 !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.4) !important;
}
html.theme-skeuo.ae-dark-mode input::placeholder,html.theme-skeuo.ae-dark-mode textarea::placeholder{ color:#9b8d72 !important; }
/* header internals: nav row + top strip warm; dropdown dark; nav text cream */
html.theme-skeuo.ae-dark-mode .hd-bot{ background:transparent !important; }
html.theme-skeuo.ae-dark-mode .hd-top{ background:linear-gradient(180deg,#2a2118,#221a11) !important; border-bottom:1px solid rgba(255,210,140,.1) !important; }
/* contact items inside hd-top were BLACK .b-box → transparent so the warm bar shows */
html.theme-skeuo.ae-dark-mode .hd-top .b-box,html.theme-skeuo.ae-dark-mode .hd-top .b-item,html.theme-skeuo.ae-dark-mode .hd-top [class*=box]{ background:transparent !important; box-shadow:none !important; }
html.theme-skeuo.ae-dark-mode .hd-nav{ background:transparent !important; }
html.theme-skeuo.ae-dark-mode .hd-nav a,html.theme-skeuo.ae-dark-mode .hd-nav li>a,html.theme-skeuo.ae-dark-mode .hd-top a{ color:#ecdfc4 !important; }
html.theme-skeuo.ae-dark-mode .menu-list{ background:linear-gradient(180deg,#2a241b,#221c14) !important; border:1px solid rgba(255,214,150,.1) !important; }
html.theme-skeuo.ae-dark-mode .ft-bot{ background:transparent !important; }
/* font icons: light letterpress is wrong on dark → emboss DOWNwards (dark) */
html.theme-skeuo.ae-dark-mode i[class*="fa-"]:not(.roate):not(.fa-arrow-right),
html.theme-skeuo.ae-dark-mode i.ti,html.theme-skeuo.ae-dark-mode .ti{
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) !important; color:#e6d6b0 !important;
}
/* account-nav SVG icons: theme forces them stark white (brightness(0) invert(1)),
   and the filled ones read as white BLOCKS → warm-gold them to skeuo brass. The
   active item keeps the theme's dark glyph (it sits on a light tile).
   SCOPED to .acc-side ONLY — the old `.t-link img` / `.t-list a img` selectors
   ALSO hit the FOOTER social icons (footer .ft-sc .t-list) and turned them into 5
   brass/white BLOCKS. Footer override is below. */
html.theme-skeuo.ae-dark-mode .acc-side .t-link img,
html.theme-skeuo.ae-dark-mode .acc-side .woocommerce-MyAccount-navigation a img,
html.theme-skeuo.ae-dark-mode .acc-side .t-list a img{
  filter:brightness(0) saturate(100%) invert(78%) sepia(46%) saturate(520%) hue-rotate(356deg) brightness(94%) contrast(90%) !important;
  background:transparent !important; opacity:.92 !important;
}
html.theme-skeuo.ae-dark-mode .acc-side .t-link.is-active img,
html.theme-skeuo.ae-dark-mode .acc-side .woocommerce-MyAccount-navigation li.is-active a img,
html.theme-skeuo.ae-dark-mode .acc-side .t-list a.t-link:hover:not(.is-active) img,
html.theme-skeuo.ae-dark-mode .acc-side .woocommerce-MyAccount-navigation .t-list a.t-link:hover:not(.is-active) img,
html.theme-skeuo.ae-dark-mode .acc-side .t-link:hover:not(.is-active) img{
  filter:brightness(0) invert(1) !important; opacity:1 !important;
}
/* FOOTER "Theo Dõi Chúng Tôi" social icons (footer .ft-sc .t-list a.i-link img):
   render as simple light icons like FLAT dark mode — NOT white/brass tiles. Kill
   any inherited brass tile/filter so they read clean. */
html.theme-skeuo.ae-dark-mode footer .t-list a img,
html.theme-skeuo.ae-dark-mode footer .ft-sc .t-list a img{
  filter:none !important; background:transparent !important;
  border:0 !important; box-shadow:none !important; padding:0 !important; opacity:1 !important;
}

/* ── Header bar → ONE seamless brushed-parchment surface ──
   Full-width bg lives on header.hd. KEY: only header.hd carries the bg + a soft
   bottom edge. .hd-bot/.hd-top must be transparent (no own border/shadow) or they
   draw an internal seam ("dôi cắt không liền mạch"). hd-top = faint translucent
   band as a subtle divider only. */
html.theme-skeuo header.hd{
  background:linear-gradient(180deg,#f6f1e5,#ece5d2) !important;
  border-bottom:1px solid #d8cdb0 !important;
  box-shadow:0 3px 10px -4px rgba(90,70,30,.22) !important;
}
html.theme-skeuo .hd-bot{ background:transparent !important; border:0 !important; box-shadow:none !important; }
html.theme-skeuo .hd-top{
  background:rgba(120,90,40,.05) !important;
  border-bottom:1px solid rgba(120,90,40,.12) !important;
  box-shadow:none !important;
}

/* ── Footer → ONE seamless parchment surface (same treatment) ── */
html.theme-skeuo footer.ft{
  background:linear-gradient(180deg,#f1ead9,#e6ddc6) !important;
  border-top:1px solid #d8cdb0 !important;
  box-shadow:0 -3px 10px -4px rgba(90,70,30,.18) !important;
}
/* .ft-bot is inside .container (not full-width) → a tinted band looks like a
   lopsided centered box. Make it transparent: text sits on the footer parchment,
   full-width & balanced. The footer.ft top border already gives separation. */
html.theme-skeuo .ft-bot{
  background:transparent !important;
  border-top:0 !important;
  box-shadow:none !important;
}

/* ── Nav dropdown submenu (Khoá học → IELTS/SAT) = ul.menu-list inside an li,
   was a flat white box → paper sheet. Top-level nav ul is a direct child of
   .hd-nav (not inside li) so it's untouched. ── */
html.theme-skeuo .hd-nav li .menu-list{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e6dcbe !important;
  border-radius:12px !important;
  box-shadow:0 1px 1px rgba(0,0,0,.06),0 18px 34px -16px rgba(80,60,20,.5) !important;
  overflow:hidden !important;
}
html.theme-skeuo .hd-nav li .menu-list a:hover{ background:rgba(120,90,40,.09) !important; }
html.theme-skeuo.ae-dark-mode .hd-nav li .menu-list{
  background:linear-gradient(180deg,#2a2218,#221c14) !important; border:1px solid rgba(255,214,150,.08) !important;
  box-shadow:0 18px 34px -16px rgba(0,0,0,.7) !important;
}
html.theme-skeuo.ae-dark-mode .hd-nav li .menu-list a:hover{ background:rgba(255,214,150,.06) !important; }

/* ── Mobile hamburger drawer (≤1200px) → parchment sheet + warm scrim ── */
html.theme-skeuo .mobile-overlay.open{
  background:rgba(42,28,12,.52) !important;
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}
html.theme-skeuo .mobile{
  background:linear-gradient(180deg,#fffefb 0%,#f6efdf 55%,#efe4c8 100%) !important;
  border-left:1px solid #e6dcbe !important;
  box-shadow:-14px 0 42px -10px rgba(80,60,20,.42),inset 1px 0 0 #fff !important;
}
html.theme-skeuo .mobile-wr{ padding:1.2rem 1.4rem 2.4rem !important; }
/* top-level + nested links → warm ink, cream dividers */
html.theme-skeuo .mobile-nav .menu-nav > .menu-list > .menu-item > a,
html.theme-skeuo .mobile-nav .menu-item > a{
  color:#4a3820 !important;
  border-bottom:1px solid #e6dcbe !important;
  background:transparent !important;
  text-shadow:0 1px 0 rgba(255,250,240,.35) !important;
}
html.theme-skeuo .mobile-nav .menu-nav > .menu-list > .menu-item > a:hover,
html.theme-skeuo .mobile-nav .menu-item > a:hover{
  background:rgba(120,90,40,.09) !important;
  color:#2a2010 !important;
}
/* current / active → brass gel chip */
html.theme-skeuo .mobile-nav .menu-nav > .menu-list > .menu-item.current_page_item > a,
html.theme-skeuo .mobile-nav .menu-nav > .menu-list > .menu-item.current-menu-item > a,
html.theme-skeuo .mobile-nav .menu-nav > .menu-list > .menu-item.current-post-parent > a,
html.theme-skeuo .mobile-nav .menu-nav > .menu-list > .menu-item:has(.current-menu-item) > a,
html.theme-skeuo .mobile-nav .menu-item > .menu-list > .menu-item.current_page_item > a,
html.theme-skeuo .mobile-nav .menu-item > .menu-list > .menu-item.current-menu-item > a,
html.theme-skeuo .mobile-nav .menu-item > .menu-list > .menu-item:has(.current-menu-item) > a{
  background:linear-gradient(180deg,#f4d98a,#c89b40) !important;
  color:#3a2a08 !important;
  border-color:#8d6822 !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.85),0 2px 6px rgba(120,90,30,.28) !important;
  text-shadow:0 1px 0 rgba(255,250,222,.5) !important;
}
/* submenu indent rail */
html.theme-skeuo .mobile-nav .menu-item > .menu-list::before{
  background:linear-gradient(180deg,#e6dcbe,#d8cdb0) !important;
}
html.theme-skeuo .mobile-nav .menu-item > .menu-list > .menu-item > a{
  color:#5a4a2a !important;
  border-bottom-color:rgba(230,220,190,.75) !important;
  font-size:1.3rem !important;
  font-weight:500 !important;
}
html.theme-skeuo .mobile-nav .menu-item.dropdown > a > i,
html.theme-skeuo .mobile-nav .menu-item a i{
  display:flex !important;
  color:#8d6822 !important;
}
/* contact card at bottom — one sheet only (no nested .mobile-content / .hd-top boxes) */
html.theme-skeuo .mobile-content{
  margin-top:1.6rem !important;
  padding:1.4rem 1.5rem !important;
  background:linear-gradient(180deg,#fffefb,#f0e6cd) !important;
  border:1px solid #e6dcbe !important;
  border-radius:14px !important;
  box-shadow:inset 0 1px 0 #fff,0 6px 18px -8px rgba(80,60,20,.28) !important;
}
html.theme-skeuo .mobile-content > .mobile-content{
  margin-top:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html.theme-skeuo .mobile .hd-top{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  height:auto !important;
}
html.theme-skeuo .mobile .hd-top::before{ display:none !important; }
html.theme-skeuo .mobile-content .t-txt.c-pri{ color:#8d6822 !important; }
html.theme-skeuo .mobile .hd-top .igr .txt{ color:#7a6b4e !important; }
html.theme-skeuo .mobile .hd-top .t-link,
html.theme-skeuo .mobile .hd-top .t-gr .t-link{ color:#4a3820 !important; }
html.theme-skeuo .mobile .hd-top .t-link:hover{ color:#2a2010 !important; }
/* dark skeuo drawer */
html.theme-skeuo.ae-dark-mode .mobile-overlay.open{ background:rgba(0,0,0,.62) !important; }
html.theme-skeuo.ae-dark-mode .mobile{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border-left-color:rgba(255,214,150,.14) !important;
  box-shadow:-14px 0 42px -10px rgba(0,0,0,.7),inset 1px 0 0 rgba(255,236,200,.05) !important;
}
html.theme-skeuo.ae-dark-mode .mobile-nav .menu-nav > .menu-list > .menu-item > a,
html.theme-skeuo.ae-dark-mode .mobile-nav .menu-item > a{
  color:#ecdfc4 !important;
  border-bottom-color:rgba(255,214,150,.10) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode .mobile-nav .menu-nav > .menu-list > .menu-item > a:hover,
html.theme-skeuo.ae-dark-mode .mobile-nav .menu-item > a:hover{
  background:rgba(255,214,150,.07) !important;
  color:#f5edd8 !important;
}
html.theme-skeuo.ae-dark-mode .mobile-nav .menu-nav > .menu-list > .menu-item.current_page_item > a,
html.theme-skeuo.ae-dark-mode .mobile-nav .menu-nav > .menu-list > .menu-item.current-menu-item > a,
html.theme-skeuo.ae-dark-mode .mobile-nav .menu-nav > .menu-list > .menu-item.current-post-parent > a,
html.theme-skeuo.ae-dark-mode .mobile-nav .menu-nav > .menu-list > .menu-item:has(.current-menu-item) > a,
html.theme-skeuo.ae-dark-mode .mobile-nav .menu-item > .menu-list > .menu-item.current_page_item > a,
html.theme-skeuo.ae-dark-mode .mobile-nav .menu-item > .menu-list > .menu-item.current-menu-item > a,
html.theme-skeuo.ae-dark-mode .mobile-nav .menu-item > .menu-list > .menu-item:has(.current-menu-item) > a{
  background:linear-gradient(180deg,#f4d98a,#c89b40) !important;
  color:#3a2a08 !important;
  border-color:#8d6822 !important;
}
html.theme-skeuo.ae-dark-mode .mobile-nav .menu-item > .menu-list::before{
  background:rgba(255,214,150,.14) !important;
}
html.theme-skeuo.ae-dark-mode .mobile-nav .menu-item > .menu-list > .menu-item > a{ color:#cdbb92 !important; }
html.theme-skeuo.ae-dark-mode .mobile-nav .menu-item.dropdown > a > i,
html.theme-skeuo.ae-dark-mode .mobile-nav .menu-item a i{ color:#e6bc78 !important; }
html.theme-skeuo.ae-dark-mode .mobile-content{
  background:linear-gradient(180deg,#352c22,#2a2218) !important;
  border-color:rgba(255,214,150,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.05),0 8px 22px -10px rgba(0,0,0,.55) !important;
}
html.theme-skeuo.ae-dark-mode .mobile .hd-top{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html.theme-skeuo.ae-dark-mode .mobile-content .t-txt.c-pri{ color:#e6bc78 !important; }
html.theme-skeuo.ae-dark-mode .mobile .hd-top .igr .txt{ color:#b9ad92 !important; }
html.theme-skeuo.ae-dark-mode .mobile .hd-top .t-link{ color:#ecdfc4 !important; }

/* Chrome mobile: drawer/overlay translateX(110%) vẫn hit-test vùng gốc → chặn burger/search
   (Safari ok). Duplicate mona-custom + header z-index cao hơn .mobile (140). */
@media screen and (max-width: 1200px) {
  html.theme-skeuo header.hd,
  html:not(.theme-skeuo) header.hd{ z-index:150 !important; }
  .mobile:not(.open),
  .mobile-overlay:not(.open){
    pointer-events:none !important;
    visibility:hidden !important;
  }
  .mobile.open,
  .mobile-overlay.open{
    pointer-events:auto !important;
    visibility:visible !important;
  }
  .hd-search-box:not(.open){ pointer-events:none !important; }
  .hd-search-box.open{ pointer-events:auto !important; }
  #hamburger,
  .hd-burger,
  .hd-search.searchJS,
  .hd-act .hd-ctr,
  .alpha-skin-toggle,
  .ae-dark-mode-toggle-header{
    position:relative !important;
    z-index:5 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    cursor:pointer !important;
    flex-shrink:0 !important;
    display:flex !important;
  }
  .ae-dark-mode-toggle-header,
  .hd-act .ae-dark-mode-toggle.ae-dark-mode-toggle-header{
    position:static !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    width:32px !important;
    min-width:32px !important;
    height:32px !important;
    flex:0 0 32px !important;
    border-radius:0.4rem !important;
    box-sizing:border-box !important;
    margin:0 !important;
  }
  .hd-act .ae-dark-mode-toggle-header .icon i{
    font-size:1.6rem !important;
    line-height:1 !important;
  }
  .col-right .hd-group,
  .col-right .hd-act{
    overflow:visible !important;
    flex-wrap:nowrap !important;
  }
  .hd-act .ae-dark-mode-toggle-header,
  .hd-act .alpha-skin-toggle{
    visibility:visible !important;
    opacity:1 !important;
  }
  /* Mobile: dark mode thay skin toggle (desktop giữ cả hai — min-width 1201px reset) */
  .hd-act .alpha-skin-toggle{
    display:none !important;
  }
  .hd-act .ae-dark-mode-toggle-header{
    display:flex !important;
    order:10;
  }
  .hd-act .hd-search.searchJS{ order:11; }
  .hd-act .hd-cart{ order:12; }
  .hd-act .btn-login{ order:13; }
  .hd-act .hd-btn{ order:14; }
  .hd-act #hamburger,
  .hd-act .hd-burger{ order:15; }
}
@media screen and (min-width:1201px){
  .hd-act .ae-dark-mode-toggle-header,
  .hd-act .alpha-skin-toggle,
  .hd-act .hd-search.searchJS,
  .hd-act .hd-cart,
  .hd-act .btn-login,
  .hd-act .hd-btn,
  .hd-act #hamburger,
  .hd-act .hd-burger{ order:unset; }
  .hd-act .alpha-skin-toggle{ display:flex !important; }
}

/* ── Account dashboard (WooCommerce My Account + MonaWoo integrated) ── */
/* sidebar → parchment */
html.theme-skeuo .acc-side,
html.theme-skeuo .woocommerce-MyAccount-navigation{
  background:linear-gradient(180deg,#f6f1e5,#e9e2cf) !important; border:1px solid #d8cdb0 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 8px -2px rgba(90,70,30,.22) !important; border-radius:16px !important;
}
/* content panels / cards → paper sheets */
html.theme-skeuo .acc-panel,html.theme-skeuo .b-panel,html.theme-skeuo .t-panel,html.theme-skeuo .crs-panel,
html.theme-skeuo .tch-panel,html.theme-skeuo .srw-panel,html.theme-skeuo .vlg-panel,html.theme-skeuo .vocabulary-panel,
html.theme-skeuo .ai-writing-credit-panel,html.theme-skeuo .crses-card,html.theme-skeuo .aig-form-card,
html.theme-skeuo .tabPanel,html.theme-skeuo .slideCard,html.theme-skeuo .panel,
html.theme-skeuo .woocommerce-MyAccount-content,html.theme-skeuo .ae-chart-wrap,html.theme-skeuo .ae-chart-container{
  background:linear-gradient(180deg,#fffefb,#f8f2e2) !important; border:1px solid #e6dcbe !important;
  box-shadow:0 1px 1px rgba(0,0,0,.08),0 14px 30px -16px rgba(80,60,20,.45),inset 0 1px 0 #fff !important; border-radius:16px !important;
}
html.theme-skeuo .acc-table th{ background:linear-gradient(180deg,#eef1f4,#dde2e8) !important; color:#3a4660 !important; box-shadow:inset 0 1px 0 #fff !important; }
html.theme-skeuo .acc-table td{ background:#fffdf6 !important; }

/* ── Account: chart filter / skill tabs / target / sidebar active (gel skeuo) ── */
html.theme-skeuo body .acc-panel .modeToggleBtn,
html.theme-skeuo body .acc .modeToggleBtn{
  text-align:center !important; justify-content:center !important;
  background:linear-gradient(180deg,#fffefb,#f4ecd8) !important;
  border:1px solid #c8b888 !important; color:#5a5142 !important;
  -webkit-text-fill-color:#5a5142 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(80,60,20,.12) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.45) !important;
}
html.theme-skeuo body .acc-panel .modeToggleBtn span,
html.theme-skeuo body .acc .modeToggleBtn span{ width:100% !important; text-align:center !important; color:inherit !important; -webkit-text-fill-color:inherit !important; }
html.theme-skeuo body .acc-panel .modeToggleBtn:hover:not(.active),
html.theme-skeuo body .acc .modeToggleBtn:hover:not(.active){
  background:linear-gradient(180deg,#fff,#faf6ee) !important; color:#3a2a08 !important; -webkit-text-fill-color:#3a2a08 !important;
}
html.theme-skeuo body .acc-panel .modeToggleBtn.active,
html.theme-skeuo body .acc .modeToggleBtn.active{
  background:linear-gradient(180deg,#35353d,#1c1c24) !important;
  border:1px solid #121218 !important; color:#fff !important; -webkit-text-fill-color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -2px 4px rgba(0,0,0,.4),0 4px 10px rgba(0,0,0,.32) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.35) !important;
}
html.theme-skeuo body .acc-panel .skillTabBtn,
html.theme-skeuo body .acc .skillTabBtn{
  background:linear-gradient(180deg,#fdfdfd,#e8e4dc) !important;
  border:1px solid #d0c8b8 !important; color:#5a5142 !important;
  -webkit-text-fill-color:#5a5142 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(80,60,20,.1) !important;
  transition:background .15s ease,box-shadow .15s ease,color .15s ease !important;
}
html.theme-skeuo body .acc-panel .skillTabBtn span,
html.theme-skeuo body .acc .skillTabBtn span{ color:inherit !important; -webkit-text-fill-color:inherit !important; opacity:1 !important; }
html.theme-skeuo body .acc-panel .skillTabBtn img,
html.theme-skeuo body .acc .skillTabBtn img{ filter:none !important; opacity:1 !important; }
html.theme-skeuo body .skillTabBtn[data-skill="listening"].active{
  background:linear-gradient(180deg,#7fe08a,#2fae4e) !important; border-color:#1a8038 !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 3px 8px rgba(47,174,78,.35) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.22) !important;
}
html.theme-skeuo body .skillTabBtn[data-skill="reading"].active{
  background:linear-gradient(180deg,#8ee0ff,#2a93d8) !important; border-color:#1a6b9a !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 8px rgba(42,147,216,.35) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.2) !important;
}
html.theme-skeuo body .skillTabBtn[data-skill="writing"].active{
  background:linear-gradient(180deg,#ffcf6b,#f2a01f) !important; border-color:#b9841a !important;
  color:#5a3a06 !important; -webkit-text-fill-color:#5a3a06 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 8px rgba(200,140,20,.32) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35) !important;
}
html.theme-skeuo body .skillTabBtn[data-skill="speaking"].active{
  background:linear-gradient(180deg,#ff7d6e,#e2402f) !important; border-color:#b82a1a !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px rgba(211,38,46,.32) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.22) !important;
}
html.theme-skeuo body #setTargetBtn,
html.theme-skeuo body .acc-panel #setTargetBtn,
html.theme-skeuo body #saveTargetBtn,
html.theme-skeuo body #satTargetSaveBtn{
  background:linear-gradient(180deg,#ef5b4c,#d3262e) !important;
  border:1px solid #b91c1c !important; color:#fff !important; -webkit-text-fill-color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px rgba(211,38,46,.35) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.22) !important;
}
html.theme-skeuo body #setTargetBtn:hover,
html.theme-skeuo body #saveTargetBtn:hover,
html.theme-skeuo body #satTargetSaveBtn:hover{
  background:linear-gradient(180deg,#f87171,#ef4444) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 5px 12px rgba(211,38,46,.4) !important;
}
html.theme-skeuo body .mona-skill-chart-btn{
  background:linear-gradient(180deg,#fffefb,#f4ecd8) !important;
  border:1px solid #c8b888 !important; color:#004080 !important; -webkit-text-fill-color:#004080 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(80,60,20,.14) !important;
  border-radius:10px !important;
}
html.theme-skeuo body .woocommerce-MyAccount-navigation .t-list a.is-active,
html.theme-skeuo body .woocommerce-MyAccount-navigation-link.is-active{
  background:linear-gradient(180deg,#35353d,#1c1c24) !important;
  border:1px solid #121218 !important; color:#fff !important; -webkit-text-fill-color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -2px 4px rgba(0,0,0,.4),0 4px 10px rgba(0,0,0,.32) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.35) !important;
  border-radius:12px !important;
}
html.theme-skeuo body .woocommerce-MyAccount-navigation .t-list a.is-active .txt,
html.theme-skeuo body .woocommerce-MyAccount-navigation-link.is-active .txt{ color:#fff !important; -webkit-text-fill-color:#fff !important; }
html.theme-skeuo body .woocommerce-MyAccount-navigation .t-list a.t-link,
html.theme-skeuo body .acc-side .woocommerce-MyAccount-navigation-link{
  border-radius:12px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  box-shadow:none !important;
  transition:background .15s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease !important;
}
html.theme-skeuo body .woocommerce-MyAccount-navigation .t-list a.t-link:not(.is-active),
html.theme-skeuo body .acc-side .woocommerce-MyAccount-navigation-link:not(.is-active){
  background:transparent !important; border:1px solid transparent !important; box-shadow:none !important;
}
html.theme-skeuo body .woocommerce-MyAccount-navigation .t-list a.t-link:hover:not(.is-active),
html.theme-skeuo body .acc-side a.t-link:hover:not(.is-active),
html.theme-skeuo body .acc-side .woocommerce-MyAccount-navigation-link:hover:not(.is-active){
  background:linear-gradient(180deg,#35353d,#1c1c24) !important;
  border:1px solid #121218 !important; color:#fff !important; -webkit-text-fill-color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -2px 4px rgba(0,0,0,.4),0 4px 10px rgba(0,0,0,.32) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.35) !important;
}
html.theme-skeuo body .woocommerce-MyAccount-navigation .t-list a.t-link:hover:not(.is-active) .txt,
html.theme-skeuo body .acc-side a.t-link:hover:not(.is-active) .txt{
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
html.theme-skeuo.ae-dark-mode body .woocommerce-MyAccount-navigation .t-list a.t-link:hover:not(.is-active),
html.theme-skeuo.ae-dark-mode body .acc-side a.t-link:hover:not(.is-active),
html.theme-skeuo.ae-dark-mode body .acc-side a:hover:not(.is-active):not(.is-active),
html.theme-skeuo.ae-dark-mode body .acc-side .woocommerce-MyAccount-navigation-link:hover:not(.is-active){
  background:linear-gradient(180deg,#2a2a30,#121218) !important;
  background-color:transparent !important;
  border:1px solid rgba(255,255,255,.1) !important;
  color:#f5f5f7 !important; -webkit-text-fill-color:#f5f5f7 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -2px 4px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.45) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.5) !important;
}
html.theme-skeuo.ae-dark-mode body .woocommerce-MyAccount-navigation .t-list a.t-link:hover:not(.is-active) .txt,
html.theme-skeuo.ae-dark-mode body .acc-side a.t-link:hover:not(.is-active) .txt{
  color:#f5f5f7 !important; -webkit-text-fill-color:#f5f5f7 !important;
}
html.theme-skeuo body .acc-panel .modeToggleBtn:hover:not(.active),
html.theme-skeuo body .acc .modeToggleBtn:hover:not(.active){
  box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(80,60,20,.16) !important;
  transform:translateY(-1px) !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .modeToggleBtn:hover:not(.active),
html.theme-skeuo.ae-dark-mode body .acc .modeToggleBtn:hover:not(.active){
  background:linear-gradient(180deg,#443a2e,#3a3228) !important;
  border-color:rgba(255,214,150,.2) !important; color:#f1e6cd !important; -webkit-text-fill-color:#f1e6cd !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.08),0 3px 8px rgba(0,0,0,.28) !important;
}
html.theme-skeuo body .acc-panel .skillTabBtn:hover:not(.active),
html.theme-skeuo body .acc .skillTabBtn:hover:not(.active){
  background:linear-gradient(180deg,#fff,#f0ece4) !important;
  border-color:#c8b888 !important; color:#3a2a08 !important; -webkit-text-fill-color:#3a2a08 !important;
  box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(80,60,20,.14) !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .skillTabBtn:hover:not(.active),
html.theme-skeuo.ae-dark-mode body .acc .skillTabBtn:hover:not(.active){
  background:linear-gradient(180deg,#443a2e,#3a3228) !important;
  border-color:rgba(255,214,150,.2) !important; color:#f1e6cd !important; -webkit-text-fill-color:#f1e6cd !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.08),0 3px 8px rgba(0,0,0,.28) !important;
}
html.theme-skeuo:not(.ae-dark-mode) body .acc-panel div[style*="background:#ffffff"],
html.theme-skeuo:not(.ae-dark-mode) body .acc-panel div[style*="background: #ffffff"]{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border-color:#e6dcbe !important;
  box-shadow:inset 0 1px 0 #fff,0 8px 20px -10px rgba(80,60,20,.28) !important;
}
html.theme-skeuo:not(.ae-dark-mode) body .acc-panel .ae-chart-title{ color:#3a2a08 !important; -webkit-text-fill-color:#3a2a08 !important; }
/* điểm IELTS ước tính — giữ phân màu xanh/đỏ như flat (không ép 1 màu nâu) */
html.theme-skeuo body .acc-panel .ae-chart-score > span:first-child{
  color:#10b981 !important; -webkit-text-fill-color:#10b981 !important;
}
html.theme-skeuo body .acc-panel .ae-chart-score > span:nth-child(2){
  color:#ef4444 !important; -webkit-text-fill-color:#ef4444 !important;
}
html.theme-skeuo body .acc-panel .ae-chart-score + div{
  color:#64748b !important; -webkit-text-fill-color:#64748b !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .ae-chart-score > span:first-child{
  color:#34d399 !important; -webkit-text-fill-color:#34d399 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .ae-chart-score > span:nth-child(2){
  color:#f87171 !important; -webkit-text-fill-color:#f87171 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .ae-chart-score + div{
  color:#cbbf9e !important; -webkit-text-fill-color:#cbbf9e !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .modeToggleBtn.active,
html.theme-skeuo.ae-dark-mode body .acc .modeToggleBtn.active{
  background:linear-gradient(180deg,#2a2a30,#121218) !important;
  border:1px solid rgba(255,255,255,.1) !important; color:#f5f5f7 !important; -webkit-text-fill-color:#f5f5f7 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -2px 4px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.45) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.5) !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .modeToggleBtn:not(.active),
html.theme-skeuo.ae-dark-mode body .acc .modeToggleBtn:not(.active){
  background:linear-gradient(180deg,#3a3228,#2f2820) !important;
  border:1px solid rgba(255,214,150,.14) !important; color:#ecdfc4 !important; -webkit-text-fill-color:#ecdfc4 !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.05),0 2px 4px rgba(0,0,0,.28) !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .skillTabBtn:not(.active),
html.theme-skeuo.ae-dark-mode body .acc .skillTabBtn:not(.active){
  background:linear-gradient(180deg,#3a3228,#2f2820) !important;
  border:1px solid rgba(255,214,150,.14) !important; color:#cbbf9e !important; -webkit-text-fill-color:#cbbf9e !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.05),0 2px 4px rgba(0,0,0,.28) !important;
}
html.theme-skeuo.ae-dark-mode body .woocommerce-MyAccount-navigation .t-list a.is-active,
html.theme-skeuo.ae-dark-mode body .woocommerce-MyAccount-navigation-link.is-active{
  background:linear-gradient(180deg,#2a2a30,#121218) !important;
  border:1px solid rgba(255,255,255,.1) !important; color:#f5f5f7 !important; -webkit-text-fill-color:#f5f5f7 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -2px 4px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.45) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.5) !important;
}
html.theme-skeuo.ae-dark-mode body .woocommerce-MyAccount-navigation .t-list a.is-active .txt{ color:#f5f5f7 !important; -webkit-text-fill-color:#f5f5f7 !important; }

/* ── ielts-test-library (.lib-* namespace): white page → wood shelf + cream cards
   (DOM-verified classes; .lib-skill-cta / .lib-classic-cta dark CTAs kept). ── */
html.theme-skeuo main.page-library{
  background:
    repeating-linear-gradient(90deg, rgba(64,40,16,.08) 0 1px, rgba(255,236,198,.06) 1px 2px, transparent 2px 7px, rgba(64,40,16,.05) 7px 8px, transparent 8px 14px),
    #cdaa6b !important;
}
html.theme-skeuo .lib-hero-bg,html.theme-skeuo .lib-featured{ background:transparent !important; }
html.theme-skeuo .lib-stat,html.theme-skeuo .lib-skill-card{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important; border:1px solid #e6dcbe !important;
  box-shadow:0 1px 1px rgba(0,0,0,.07),0 16px 30px -18px rgba(80,60,20,.5),inset 0 1px 0 #fff !important;
}
html.theme-skeuo.ae-dark-mode main.page-library{ background:#2a2018 !important; }
html.theme-skeuo.ae-dark-mode .lib-stat,html.theme-skeuo.ae-dark-mode .lib-skill-card{
  background:linear-gradient(180deg,#2f2820,#241e16) !important; border:1px solid rgba(255,214,150,.06) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.04),0 14px 30px -16px rgba(0,0,0,.7) !important;
  color:#e9dcc0 !important;
}
/* gray hero/section subtitles (#868686) sit on the wood → obscure. Warm-dark them
   (only the on-wood subs, not the in-card .lib-stat-label which reads fine). */
html.theme-skeuo .lib-hero-sub,
html.theme-skeuo .lib-section-sub,
html.theme-skeuo main.page-library > * > .container > p,
html.theme-skeuo main.page-library .lib-skills-intro,
html.theme-skeuo main.page-library .lib-skills-intro *{ color:#4a3a1e !important; }
html.theme-skeuo.ae-dark-mode .lib-hero-sub,html.theme-skeuo.ae-dark-mode .lib-section-sub{ color:#cdbd9a !important; }
/* breadcrumb current-page (.last) is gray #71717a → obscure on the wood. Warm-dark
   it (the "Trang chủ" link #262626 already reads fine). */
html.theme-skeuo .breadcrumb-wrapper .last{ color:#5a4a2a !important; }
html.theme-skeuo.ae-dark-mode .breadcrumb-wrapper .last{ color:#cdbd9a !important; }
/* more gray (#86868b) library copy: .lib-section-desc sits on the WOOD → warm-dark;
   .lib-skill-desc sits inside cream cards → just a readable darker gray. */
html.theme-skeuo .lib-section-desc{ color:#4a3a1e !important; }
html.theme-skeuo .lib-skill-desc,html.theme-skeuo .lib-skill-count{ color:#5a5044 !important; }
html.theme-skeuo.ae-dark-mode .lib-section-desc{ color:#cdbd9a !important; }
html.theme-skeuo.ae-dark-mode .lib-skill-desc,html.theme-skeuo.ae-dark-mode .lib-skill-count{ color:#b3a98f !important; }
/* CTA buttons (Luyện ngay / Làm quen / Thi Premium) keep their colour but gain the
   skeuo gel bevel (top highlight + drop shadow) so they read as pressed buttons. */
html.theme-skeuo .lib-skill-cta,html.theme-skeuo .lib-classic-cta{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 6px rgba(0,0,0,.32) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.35) !important;
}
html.theme-skeuo .lib-skill-cta:active,html.theme-skeuo .lib-classic-cta:active{ box-shadow:inset 0 2px 5px rgba(0,0,0,.4) !important; transform:translateY(.5px); }

/* ── Skill-card + stat icons → glossy GEL TILES (keep each skill's own hue via
   --skill-color; white glyph; top highlight + bottom shade = pressed-glass). ── */
html.theme-skeuo .lib-skill-icon{
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--skill-color,#7C3AED) 72%, #fff),
    var(--skill-color,#7C3AED)) !important;
  color:#fff !important;
  border:1px solid color-mix(in srgb, var(--skill-color,#7C3AED) 55%, #000) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.7),inset 0 -5px 8px rgba(0,0,0,.22),
             0 3px 6px rgba(0,0,0,.28) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.3) !important;
}
/* AI/mock cards have no --skill-color → give each its own gel hue */
html.theme-skeuo .lib-skill-card--ai .lib-skill-icon{ background:linear-gradient(180deg,#b07cf3,#7c3aed) !important; border-color:#5b21b6 !important; }
html.theme-skeuo .lib-skill-card--ai-grammar .lib-skill-icon{ background:linear-gradient(180deg,#3fc7da,#0e7490) !important; border-color:#0a5566 !important; }
html.theme-skeuo .lib-skill-card--mock .lib-skill-icon{ background:linear-gradient(180deg,#f3733e,#dc2626) !important; border-color:#9c1a1a !important; }
/* stat-row icons (.lib-stat-icon) → small brass gel chips */
html.theme-skeuo .lib-stat-icon,
html.theme-skeuo .lib-stat--total .lib-stat-icon,
html.theme-skeuo.ae-dark-mode .lib-stat-icon,
html.theme-skeuo.ae-dark-mode .lib-stat--total .lib-stat-icon{
  background:linear-gradient(180deg,#f3d488,#cf9c3e) !important; color:#5a3c10 !important;
  border:1px solid #9a6e22 !important;
  box-shadow:inset 0 1px 1px rgba(255,250,225,.85),inset 0 -4px 6px rgba(90,60,10,.3),0 2px 4px rgba(0,0,0,.25) !important;
  text-shadow:0 1px 0 rgba(255,245,210,.5) !important;
}
/* hero books icon → brass medallion (thay flat blue tile + fa-light glyph) */
html.theme-skeuo .lib-hero-icon{
  background:linear-gradient(180deg,#f4d98a,#c89b40 55%,#a87c2a) !important;
  border:1px solid #8d6822 !important;
  border-radius:22px !important;
  color:#3a2a12 !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.9),inset 0 -6px 12px rgba(90,60,10,.42),0 10px 22px -10px rgba(0,0,0,.42) !important;
  text-shadow:0 1px 0 rgba(255,247,212,.55) !important;
}
html.theme-skeuo .lib-hero-icon i{ filter:drop-shadow(0 1px 1px rgba(0,0,0,.22)) !important; }
html.theme-skeuo.ae-dark-mode .lib-hero-icon{
  background:linear-gradient(180deg,#eccd8c,#c89b40 55%,#9a7028) !important;
  border-color:#7a5818 !important;
  color:#2a1c08 !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.78),inset 0 -6px 12px rgba(0,0,0,.38),0 10px 24px -10px rgba(0,0,0,.62) !important;
}
html.theme-skeuo.ae-dark-mode .lib-skill-icon{ box-shadow:inset 0 1px 1px rgba(255,255,255,.4),inset 0 -5px 8px rgba(0,0,0,.4),0 3px 7px rgba(0,0,0,.5) !important; }

/* ── Teacher slider (ĐÓN ĐẦU): the promo card image (QC1.png) has a WHITE backing
   baked into the file and fills the card (object-fit:cover) → recolour that white
   to the cream panel tone via multiply, ISOLATED to the image box so the blend
   uses the cream bg instead of the creative-3D backdrop (no black-out → does NOT
   hide the swiper, unlike a bare multiply). .b-ctn (dark info strip) is a sibling
   of .inner, so it stays dark. ── */
/* Teacher slider (ĐÓN ĐẦU): the QC1 promo image's white backing was repainted to
   the panel cream (#f4ecda) directly in the image file (uploads/2025/02/QC1*.png,
   floodfilled with ImageMagick) — that's the only way to recolour it, since white
   can't be recoloured via CSS inside the swiper-3d effect. So no CSS rule needed:
   the original creative effect runs with both cards and neither shows white. */
/* …except: the .tch-slider.slideCard swiper-wrapper inherits the generic panel
   gradient (#fffefb→#f8f2e2 from the .panel/.slideCard rule), so a WHITER card sat
   behind the slides — a 2nd colour clashing with the cream panel. Make it
   transparent so the parchment panel is the single backdrop behind the cards. */
html.theme-skeuo .tch-slider.slideCard{ background:transparent !important; border:0 !important; box-shadow:none !important; }

/* ── khoa-hoc + thi-nang-luc (both main.page-crs): white page → wood shelf +
   cream cards. The #f9f9f9 section bands (.sec-sct/.tch-wrap) go transparent so
   the wood shows; cards (.icard-it .inner) become cream tiles. ── */
html.theme-skeuo main.page-crs{
  background:
    repeating-linear-gradient(90deg, rgba(64,40,16,.08) 0 1px, rgba(255,236,198,.06) 1px 2px, transparent 2px 7px, rgba(64,40,16,.05) 7px 8px, transparent 8px 14px),
    #cdaa6b !important;
}
html.theme-skeuo.ae-dark-mode main.page-crs{ background:#2a2018 !important; }
html.theme-skeuo main.page-crs .sec-sct,
html.theme-skeuo main.page-crs .tch-wrap,
html.theme-skeuo main.page-crs .sec-smt{ background:transparent !important; }
/* .crs-block paints a white band via its ::before pseudo → wood underneath shows
   nothing. Clear it so the section reads as wood. */
html.theme-skeuo main.page-crs .crs-block::before{ background:transparent !important; }
/* the course/review tray panels here pick up the generic near-white panel gradient
   (#fffefb→#f8f2e2) → read as a WHITE slab on the wood. Warm them to a clear cream
   so they're parchment trays, not white. */
html.theme-skeuo main.page-crs .crses-card,
html.theme-skeuo main.page-crs .srw-panel,
html.theme-skeuo main.page-crs .b-panel,
html.theme-skeuo main.page-crs .crs-panel,
html.theme-skeuo main.page-crs .panel{ background:linear-gradient(180deg,#f4ecda,#e7d9bc) !important; }
html.theme-skeuo.ae-dark-mode main.page-crs .crses-card,
html.theme-skeuo.ae-dark-mode main.page-crs .srw-panel,
html.theme-skeuo.ae-dark-mode main.page-crs .b-panel,
html.theme-skeuo.ae-dark-mode main.page-crs .panel{ background:linear-gradient(180deg,#2a2620,#211d18) !important; }
/* carousel tray: KHÔNG nền xám bọc thẻ — chỉ wood/page bg + từng .exq-it card */
html.theme-skeuo.ae-dark-mode main.page-crs .sec-crs,
html.theme-skeuo.ae-dark-mode main.page-crs .crs-wrap,
html.theme-skeuo.ae-dark-mode main.page-crs .crs-block,
html.theme-skeuo.ae-dark-mode main.page-crs .crs-panel,
html.theme-skeuo.ae-dark-mode main.page-crs .crs-panel.monaExamBlock,
html.theme-skeuo.ae-dark-mode main.page-crs .crs-list.monaExamHtml,
html.theme-skeuo.ae-dark-mode main.page-crs .monaExamSlider,
html.theme-skeuo.ae-dark-mode main.page-crs .exam-cards-sw{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
/* course / test cards (.icard-it) keep their own theme styling untouched — the
   thumbnail is an absolutely-positioned <img>, so any repaint/clip/loop-clone hides
   it. They sit on the cream .crs-panel tray over the wood, which is enough. */
/* page-crs section titles on wood → readable */
html.theme-skeuo main.page-crs .t-title,
html.theme-skeuo main.page-crs .sec-title,
html.theme-skeuo main.page-crs h1,
html.theme-skeuo main.page-crs h2{ text-shadow:0 1px 0 rgba(255,250,240,.6),0 2px 9px rgba(60,40,15,.35) !important; }
/* series tabs (Reading/Listening…) — inactive #65758b obscure trên wood; global page-crs + thi-năng-lực */
html.theme-skeuo main.page-crs .crs-head .b-tab .t-link,
html.theme-skeuo main.page-crs .crs-head .b-tab .t-link .t-text{ color:#4a3820 !important; }
html.theme-skeuo main.page-crs .crs-head .b-tab .t-link:hover,
html.theme-skeuo main.page-crs .crs-head .b-tab .t-link:hover .t-text{ color:#2a2010 !important; }
html.theme-skeuo main.page-crs .crs-head .b-tab .t-link:has(input:checked),
html.theme-skeuo main.page-crs .crs-head .b-tab .t-link:has(input:checked) .t-text{
  color:#1a1408 !important; font-weight:600 !important;
}
html.theme-skeuo main.page-crs .crs-head .b-tab .t-link:has(input:checked)::before{ background:#1a1408 !important; }
html.theme-skeuo.ae-dark-mode main.page-crs .crs-head .b-tab .t-link,
html.theme-skeuo.ae-dark-mode main.page-crs .crs-head .b-tab .t-link .t-text{ color:#b9ad92 !important; }
html.theme-skeuo.ae-dark-mode main.page-crs .crs-head .b-tab .t-link:hover,
html.theme-skeuo.ae-dark-mode main.page-crs .crs-head .b-tab .t-link:hover .t-text{ color:#e6dcc6 !important; }
html.theme-skeuo.ae-dark-mode main.page-crs .crs-head .b-tab .t-link:has(input:checked),
html.theme-skeuo.ae-dark-mode main.page-crs .crs-head .b-tab .t-link:has(input:checked) .t-text{
  color:#f5edd8 !important; font-weight:600 !important;
}
html.theme-skeuo.ae-dark-mode main.page-crs .crs-head .b-tab .t-link:has(input:checked)::before{
  background:linear-gradient(90deg,#f4d98a,#c89b40) !important;
}

/* ── Per-skill test listing (de-reading / de-listening / de-writing / …):
   main.page-skill is a light-grey (#f5f5f7) page with a blue dotted hero band, a
   white filter sidebar and gradient cards → wood shelf + cream parchment. ── */
html.theme-skeuo main.page-skill{
  background:
    repeating-linear-gradient(90deg, rgba(64,40,16,.08) 0 1px, rgba(255,236,198,.06) 1px 2px, transparent 2px 7px, rgba(64,40,16,.05) 7px 8px, transparent 8px 14px),
    #cdaa6b !important;
}
html.theme-skeuo.ae-dark-mode main.page-skill{ background:#2a2018 !important; }
/* KEEP the per-skill coloured hero banner (Reading=blue, Listening=green,
   Writing=amber, Speaking=red — same as flat) on its .skill-hero-bg layer; just add
   a skeuo gloss so it reads as an embossed banner: a bright top highlight, a soft
   inner shade at the bottom, and a warm drop onto the wood + rounded lower corners. */
/* the flat layout draws a 1px separator on .skill-hero (white) → shows as a stray
   line on the wood. Kill it. */
html.theme-skeuo main.page-skill .skill-hero{ border:0 !important; }
/* ── Per-skill hero ribbon — skeuo gel (Reading blue / Listening green / Writing amber / Speaking red) ── */
html.theme-skeuo main.page-skill .skill-hero-bg{
  border:0 !important; border-radius:0 0 26px 26px !important;
  background-size:24px 24px,cover !important;
}
html.theme-skeuo main.page-skill .skill-hero-bg::before{
  background-size:24px 24px !important; opacity:.32 !important;
}
html.theme-skeuo main.page-skill.page-skill--reading .skill-hero-bg{
  background:
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.14) 1px, transparent 0),
    linear-gradient(180deg,#bfdbfe 0%,#3b82f6 42%,#1d4ed8 100%) !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.62),inset 0 -22px 38px -14px rgba(29,78,216,.5),0 12px 28px -10px rgba(29,78,216,.38) !important;
}
html.theme-skeuo main.page-skill.page-skill--reading .skill-hero-bg::before{
  background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.22) 1.5px, transparent 0) !important;
}
html.theme-skeuo main.page-skill.page-skill--listening .skill-hero-bg{
  background:
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.14) 1px, transparent 0),
    linear-gradient(180deg,#a7f3d0 0%,#10b981 42%,#047857 100%) !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.62),inset 0 -22px 38px -14px rgba(4,120,87,.48),0 12px 28px -10px rgba(4,120,87,.35) !important;
}
html.theme-skeuo main.page-skill.page-skill--listening .skill-hero-bg::before{
  background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.22) 1.5px, transparent 0) !important;
}
html.theme-skeuo main.page-skill.page-skill--writing .skill-hero-bg{
  background:
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.16) 1px, transparent 0),
    linear-gradient(180deg,#fde68a 0%,#f59e0b 42%,#b45309 100%) !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.72),inset 0 -22px 38px -14px rgba(180,83,9,.42),0 12px 28px -10px rgba(180,83,9,.32) !important;
}
html.theme-skeuo main.page-skill.page-skill--writing .skill-hero-bg::before{
  background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.24) 1.5px, transparent 0) !important;
}
html.theme-skeuo main.page-skill.page-skill--speaking .skill-hero-bg{
  background:
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.14) 1px, transparent 0),
    linear-gradient(180deg,#fecaca 0%,#ef4444 42%,#b91c1c 100%) !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.62),inset 0 -22px 38px -14px rgba(185,28,28,.48),0 12px 28px -10px rgba(185,28,28,.35) !important;
}
html.theme-skeuo main.page-skill.page-skill--speaking .skill-hero-bg::before{
  background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.22) 1.5px, transparent 0) !important;
}
/* dark skeuo: ribbon tối pha màu skill (không xám phẳng) */
html.theme-skeuo.ae-dark-mode main.page-skill.page-skill--reading .skill-hero-bg{
  background:
    radial-gradient(circle at 1px 1px, rgba(147,197,253,.1) 1px, transparent 0),
    linear-gradient(180deg,#1e3a5f 0%,#1e40af 52%,#172554 100%) !important;
  box-shadow:inset 0 2px 0 rgba(191,219,254,.12),inset 0 -20px 34px -14px rgba(0,0,0,.55),0 10px 24px -12px rgba(0,0,0,.55) !important;
}
html.theme-skeuo.ae-dark-mode main.page-skill.page-skill--listening .skill-hero-bg{
  background:
    radial-gradient(circle at 1px 1px, rgba(110,231,183,.1) 1px, transparent 0),
    linear-gradient(180deg,#064e3b 0%,#047857 52%,#022c22 100%) !important;
  box-shadow:inset 0 2px 0 rgba(167,243,208,.1),inset 0 -20px 34px -14px rgba(0,0,0,.55),0 10px 24px -12px rgba(0,0,0,.55) !important;
}
html.theme-skeuo.ae-dark-mode main.page-skill.page-skill--writing .skill-hero-bg{
  background:
    radial-gradient(circle at 1px 1px, rgba(253,230,138,.1) 1px, transparent 0),
    linear-gradient(180deg,#78350f 0%,#b45309 52%,#451a03 100%) !important;
  box-shadow:inset 0 2px 0 rgba(253,230,138,.1),inset 0 -20px 34px -14px rgba(0,0,0,.55),0 10px 24px -12px rgba(0,0,0,.55) !important;
}
html.theme-skeuo.ae-dark-mode main.page-skill.page-skill--speaking .skill-hero-bg{
  background:
    radial-gradient(circle at 1px 1px, rgba(254,202,202,.1) 1px, transparent 0),
    linear-gradient(180deg,#7f1d1d 0%,#b91c1c 52%,#450a0a 100%) !important;
  box-shadow:inset 0 2px 0 rgba(254,202,202,.1),inset 0 -20px 34px -14px rgba(0,0,0,.55),0 10px 24px -12px rgba(0,0,0,.55) !important;
}
/* chữ hero trên ribbon màu */
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--reading .skill-hero-title,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--reading .skill-hero h1,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--listening .skill-hero-title,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--listening .skill-hero h1,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--speaking .skill-hero-title,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--speaking .skill-hero h1{
  color:#fff !important; text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
}
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--reading .skill-hero-sub,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--listening .skill-hero-sub,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--speaking .skill-hero-sub{
  color:rgba(255,255,255,.94) !important; text-shadow:0 1px 1px rgba(0,0,0,.28) !important;
}
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--writing .skill-hero-title,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--writing .skill-hero h1{
  color:#3a2208 !important; text-shadow:0 1px 0 rgba(255,255,255,.45) !important;
}
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--writing .skill-hero-sub{
  color:#5a3c10 !important; text-shadow:0 1px 0 rgba(255,255,255,.35) !important;
}
html.theme-skeuo:not(.ae-dark-mode) main.page-skill .skill-hero-icon{
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.1)) !important;
  border:1px solid rgba(255,255,255,.5) !important; color:#fff !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -4px 8px rgba(0,0,0,.18),0 4px 10px rgba(0,0,0,.22) !important;
}
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--writing .skill-hero-icon{
  color:#7c4a08 !important; border-color:rgba(255,255,255,.65) !important;
}
/* header action pucks: ensure the dark-mode / contrast / search circles get the
   cream gel even where the theme zeros their background. */
html.theme-skeuo .hd-darkmode.hd-ctr,html.theme-skeuo .hd-search.hd-ctr,html.theme-skeuo .hd-act .hd-ctr{
  background:linear-gradient(180deg,#fdfdfd,#e6e1d2) !important; border:1px solid #c4bba0 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(90,70,30,.3) !important;
}
html.theme-skeuo main.page-skill .skill-hero-title,html.theme-skeuo main.page-skill .skill-hero h1{ text-shadow:0 1px 0 rgba(255,250,240,.6),0 2px 9px rgba(60,40,15,.35) !important; }
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--reading .skill-hero-title,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--reading .skill-hero h1,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--listening .skill-hero-title,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--listening .skill-hero h1,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--speaking .skill-hero-title,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--speaking .skill-hero h1,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--writing .skill-hero-title,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill.page-skill--writing .skill-hero h1{
  text-shadow:none !important;
}
/* hero glyph tile (.skill-hero-icon) → glossy gel, keeps each skill's own colour
   (Reading blue / Listening green / Writing amber / Speaking red). */
html.theme-skeuo main.page-skill .skill-hero-icon{
  box-shadow:inset 0 1px 1px rgba(255,255,255,.75),inset 0 -4px 7px rgba(0,0,0,.14),0 3px 7px rgba(60,40,15,.28) !important;
  border:1px solid rgba(255,255,255,.45) !important;
}
/* the "N đề" count chip → brass-cream gel pill */
html.theme-skeuo main.page-skill .skill-hero-count{
  background:linear-gradient(180deg,#fffefb,#f0e6cd) !important; border:1px solid #d8c89a !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(120,90,30,.25) !important; color:#5a4a2a !important;
}
/* dark skeuo hero: subtitle + count pill (tránh chữ mờ / icon folder obscure) */
html.theme-skeuo.ae-dark-mode main.page-skill .skill-hero-sub{
  color:#e8dcc8 !important; text-shadow:none !important;
  opacity:1 !important; font-weight:500 !important;
}
html.theme-skeuo.ae-dark-mode main.page-skill .skill-hero-title,
html.theme-skeuo.ae-dark-mode main.page-skill .skill-hero h1{
  color:#fff !important; text-shadow:0 1px 2px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode main.page-skill .skill-hero-count{
  border:1px solid #c89b40 !important; color:#3a2a08 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 2px 6px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode main.page-skill .skill-hero-count i,
html.theme-skeuo.ae-dark-mode main.page-skill .skill-hero-count i::before{
  color:#3a2a08 !important; -webkit-text-fill-color:#3a2a08 !important;
  opacity:1 !important; filter:none !important; font-size:14px !important;
}
/* per-skill filter sidebar internals → cream skeuo (group header + search box only;
   the checkbox rows stay light on the cream sidebar — no heavy tiles). */
html.theme-skeuo:not(.ae-dark-mode) main.page-skill .catexams-side-head,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill .filt-search,
html.theme-skeuo:not(.ae-dark-mode) main.page-skill .catexams-search{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important; border:0 !important;
  border-bottom:1px solid #e6dcbe !important;
}
/* viền sáng bọc CẢ sidebar filter (không chỉ header) — mọi kỹ năng page-skill */
html.theme-skeuo:not(.ae-dark-mode) main.page-skill .exam-filter.catexams-side.side-fixed{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e6dcbe !important; border-radius:1.2rem !important;
  overflow:hidden !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 14px 28px -16px rgba(80,60,20,.45) !important;
}
html.theme-skeuo.ae-dark-mode main.page-skill .exam-filter.catexams-side.side-fixed{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border:1px solid rgba(255,214,150,.32) !important;
  border-radius:1.2rem !important; overflow:hidden !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.08),0 14px 30px -16px rgba(0,0,0,.65) !important;
}
html.theme-skeuo.ae-dark-mode main.page-skill .catexams-side-head{
  border:0 !important; border-bottom:1px solid rgba(255,214,150,.14) !important;
  border-radius:0 !important;
}

/* ── "Mục lục" exam TOC → a leather-bound parchment BOOKMARK ── */
/* the protruding tab = a red leather bookmark ribbon with a notched (forked) end */
html.theme-skeuo .exam-toc-toggle-btn{
  background:linear-gradient(180deg,#e63a44,#b01822) !important;
  border:0 !important; border-radius:0 11px 11px 0 !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.45),inset 0 -4px 9px rgba(120,5,10,.55),3px 4px 9px rgba(0,0,0,.4) !important;
  clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%) !important;
}
html.theme-skeuo .exam-toc-toggle-btn::after{
  content:''; position:absolute; inset:5px 5px 9px; border:1px dashed rgba(255,225,205,.55); border-radius:0 7px 0 0; pointer-events:none;
}
html.theme-skeuo .exam-toc-toggle-icon,html.theme-skeuo .exam-toc-toggle-btn *{ color:#fff !important; }
/* panel = cream parchment booklet with a brown leather spine */
html.theme-skeuo .exam-toc{
  background:
    repeating-radial-gradient(circle at 18% 8%, rgba(120,80,40,.035) 0 1px, transparent 1px 4px),
    linear-gradient(180deg,#fffdf6,#f1e7d0) !important;
  border:1px solid #d8c79a !important; border-left:6px solid #6e4a28 !important;
  box-shadow:0 24px 54px -16px rgba(50,30,10,.6),inset 0 1px 0 #fff !important;
  border-radius:0 16px 16px 0 !important;
}
/* header = glossy red ribbon with a gold under-rule */
html.theme-skeuo .exam-toc-header{
  background:linear-gradient(180deg,#e8404a,#b01822) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 0 #caa44a,0 4px 7px rgba(0,0,0,.3) !important;
}
html.theme-skeuo .exam-toc-header,html.theme-skeuo .exam-toc-header *{ color:#fff !important; text-shadow:0 1px 1px rgba(90,0,5,.6) !important; }
/* list rows = warm-dark on cream, caramel hover, gold active */
html.theme-skeuo .exam-toc-item{ border-bottom:1px solid rgba(120,80,30,.12) !important; }
html.theme-skeuo .exam-toc-item,html.theme-skeuo .exam-toc-item *{ color:#4a3a1e !important; }
html.theme-skeuo .exam-toc-item:hover{ background:linear-gradient(180deg,#f6ecd2,#efe0bf) !important; }
html.theme-skeuo .exam-toc-item.active,html.theme-skeuo .exam-toc-item.current,html.theme-skeuo .exam-toc-item.is-active{ background:linear-gradient(180deg,#f2c66c,#d39c3c) !important; }
html.theme-skeuo .exam-toc-item.active *,html.theme-skeuo .exam-toc-item.current *{ color:#3a2a08 !important; }
/* white filter sidebar + cards → cream parchment panels */
html.theme-skeuo main.page-skill .exam-sidebar,
html.theme-skeuo main.page-skill .skill-sidebar,
html.theme-skeuo main.page-skill .b-inner{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important; border:0 !important;
  box-shadow:none !important;
}
html.theme-skeuo.ae-dark-mode main.page-skill .exam-sidebar,
html.theme-skeuo.ae-dark-mode main.page-skill .skill-sidebar,
html.theme-skeuo.ae-dark-mode main.page-skill .b-inner{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}

/* ── bo-de test landing/overview (main.main-qov-page): light page → wood + cream
   panels. (Only the LANDING; the actual test-taking view ?start stays flat via
   alpha_skin_is_excluded.) ── */
html.theme-skeuo main.main-qov-page{
  background:
    repeating-linear-gradient(90deg, rgba(64,40,16,.08) 0 1px, rgba(255,236,198,.06) 1px 2px, transparent 2px 7px, rgba(64,40,16,.05) 7px 8px, transparent 8px 14px),
    #cdaa6b !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page{ background:#2a2018 !important; }
/* .qov-page is a full white content wrapper → transparent so the wood shows; the
   .qov-section / history cards become cream parchment. */
html.theme-skeuo main.main-qov-page .qov-page{ background:transparent !important; }
html.theme-skeuo main.main-qov-page .qov-section,
html.theme-skeuo main.main-qov-page .ar-history,
html.theme-skeuo main.main-qov-page .ar-empty-state{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important; border:1px solid #e6dcbe !important;
  box-shadow:0 1px 1px rgba(0,0,0,.07),0 14px 28px -16px rgba(80,60,20,.5),inset 0 1px 0 #fff !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-section,
html.theme-skeuo.ae-dark-mode main.main-qov-page .ar-history,
html.theme-skeuo.ae-dark-mode main.main-qov-page .ar-empty-state{
  background:linear-gradient(180deg,#2f2820,#241e16) !important; border:1px solid rgba(255,214,150,.06) !important;
}

/* ── QOV landing buttons/chips — gel skeuo (mọi skill qua --qov-c) ── */
html.theme-skeuo main.main-qov-page .qov-btn-start,
html.theme-skeuo main.main-qov-page .qov-back-fab{
  background:linear-gradient(180deg,color-mix(in srgb,var(--qov-c) 28%,#fff),var(--qov-c) 58%,color-mix(in srgb,var(--qov-c) 82%,#000)) !important;
  border:1px solid color-mix(in srgb,var(--qov-c) 72%,#000) !important;
  color:#fff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.22) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.48),inset 0 -3px 8px rgba(0,0,0,.2),0 4px 14px color-mix(in srgb,var(--qov-c) 38%,transparent) !important;
  opacity:1 !important;
}
html.theme-skeuo main.main-qov-page .qov-btn-start:hover,
html.theme-skeuo main.main-qov-page .qov-back-fab:hover,
html.theme-skeuo main.main-qov-page .qov-bottom-bar .qov-btn-start:hover,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-btn-start:hover,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-back-fab:hover,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-bottom-bar .qov-btn-start:hover{
  background:linear-gradient(180deg,color-mix(in srgb,var(--qov-c) 18%,#fff),color-mix(in srgb,var(--qov-c) 92%,#fff),var(--qov-c)) !important;
  color:#fff !important;
  border-color:color-mix(in srgb,var(--qov-c) 68%,#000) !important;
  filter:brightness(1.04);
  opacity:1 !important;
  transform:translateY(-1px) !important;
}
html.theme-skeuo main.main-qov-page .qov-back-fab .qov-back-name,
html.theme-skeuo main.main-qov-page .qov-back-fab .qov-back-tiny{ color:#fff !important; }
html.theme-skeuo main.main-qov-page .qov-back-fab:hover .qov-back-name,
html.theme-skeuo main.main-qov-page .qov-back-fab:hover .qov-back-tiny,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-back-fab:hover .qov-back-name,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-back-fab:hover .qov-back-tiny{ color:#fff !important; opacity:1 !important; }
html.theme-skeuo main.main-qov-page .qov-back-icon{
  background:rgba(255,255,255,.26) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42) !important;
  color:#fff !important;
}
html.theme-skeuo main.main-qov-page .qov-back-fab:hover .qov-back-icon{
  background:rgba(255,255,255,.34) !important;
  color:#fff !important;
}
html.theme-skeuo main.main-qov-page .qov-stat-chip{
  background:linear-gradient(180deg,#fffefb,#f7f1e0) !important;
  border:1px solid #e6dcbe !important;
  color:#3a342b !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(80,60,20,.12) !important;
}
html.theme-skeuo main.main-qov-page .qov-stat-chip i{ color:var(--qov-c) !important; filter:drop-shadow(0 1px 0 rgba(255,255,255,.4)); }
html.theme-skeuo main.main-qov-page .qov-stat-chip strong{ color:#2f2a22 !important; }
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-stat-chip{
  background:linear-gradient(180deg,#322a21,#272019) !important;
  border-color:rgba(255,255,255,.10) !important; color:#ece2cc !important;
}
html.theme-skeuo main.main-qov-page .qov-pill-badge{
  margin-left:auto !important; display:inline-flex !important; align-items:center !important; gap:5px !important;
  padding:4px 11px !important; border-radius:999px !important;
  font-size:11px !important; font-weight:800 !important; text-transform:uppercase !important; letter-spacing:.04em !important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--qov-c) 22%,#fff),var(--qov-c) 70%,color-mix(in srgb,var(--qov-c) 85%,#000)) !important;
  border:1px solid color-mix(in srgb,var(--qov-c) 65%,#000) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 6px color-mix(in srgb,var(--qov-c) 35%,transparent) !important;
}
html.theme-skeuo main.main-qov-page .qov-pill-badge i{ font-size:10px !important; }
html.theme-skeuo main.main-qov-page .qov-pill-badge--muted{
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
  border:1px solid #b8860b !important; color:#7a5a1e !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 5px rgba(80,60,20,.14) !important;
}
html.theme-skeuo main.main-qov-page .qov-sib-link{
  background:linear-gradient(180deg,#fffefb,#f7f1e0) !important;
  border:1px solid rgba(120,80,30,.16) !important; border-radius:12px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 2px 6px rgba(80,60,20,.1) !important;
}
html.theme-skeuo main.main-qov-page .qov-sib-link:hover{
  background:linear-gradient(180deg,#fff7e8,#f0e6d0) !important;
  border-color:color-mix(in srgb,var(--qov-c) 35%,#e6dcbe) !important;
  transform:translateY(-1px);
}
html.theme-skeuo main.main-qov-page .qov-sib-action{
  padding:6px 12px !important; border-radius:999px !important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--qov-c) 25%,#fff),var(--qov-c) 65%,color-mix(in srgb,var(--qov-c) 80%,#000)) !important;
  border:1px solid color-mix(in srgb,var(--qov-c) 68%,#000) !important;
  color:#fff !important; font-weight:800 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 2px 5px color-mix(in srgb,var(--qov-c) 32%,transparent) !important;
}
html.theme-skeuo main.main-qov-page .qov-sib-qcount{
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
  border:1px solid #b8860b !important; color:#7a5a1e !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65) !important;
}
html.theme-skeuo main.main-qov-page .qov-bottom-bar{
  background:linear-gradient(180deg,#fcfcfc,#e8e4d8) !important;
  border-top:1px solid #cfc6ad !important;
  box-shadow:0 -4px 18px rgba(80,60,20,.18),inset 0 1px 0 #fff !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-bottom-bar{
  background:linear-gradient(180deg,#2c241b,#211a12) !important;
  border-top-color:rgba(255,255,255,.08) !important;
}
html.theme-skeuo main.main-qov-page .qov-bottom-thumb{
  border-radius:10px !important; border:1px solid rgba(120,80,30,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 5px rgba(0,0,0,.12) !important;
}
html.theme-skeuo main.main-qov-page .qov-htag-skill,
html.theme-skeuo main.main-qov-page .qov-rel-skill-tag{
  background:linear-gradient(180deg,color-mix(in srgb,var(--qov-c) 22%,#fff),var(--qov-c) 68%,color-mix(in srgb,var(--qov-c) 82%,#000)) !important;
  border:1px solid color-mix(in srgb,var(--qov-c) 65%,#000) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 6px rgba(0,0,0,.25) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.2) !important;
}
html.theme-skeuo main.main-qov-page .qov-htag-free{
  background:linear-gradient(180deg,#86efac,#22c55e 55%,#15803d) !important;
  border:1px solid #166534 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 6px rgba(0,0,0,.22) !important;
}
html.theme-skeuo main.main-qov-page .qov-htag-paid{
  background:linear-gradient(180deg,#fcd34d,#f59e0b 55%,#b45309) !important;
  border:1px solid #92400e !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 6px rgba(0,0,0,.22) !important;
}
html.theme-skeuo main.main-qov-page .qov-htag-part{
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08)) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 6px rgba(0,0,0,.2) !important;
}
html.theme-skeuo main.main-qov-page .qov-qtype-count,
html.theme-skeuo main.main-qov-page .qov-part-count,
html.theme-skeuo main.main-qov-page .qov-attempt-pill{
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
  border:1px solid #b8860b !important; color:#7a5a1e !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 1px 3px rgba(80,60,20,.12) !important;
  font-weight:800 !important;
}
html.theme-skeuo main.main-qov-page .qov-sh .dot{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 4px color-mix(in srgb,var(--qov-c) 40%,transparent) !important;
}
html.theme-skeuo main.main-qov-page .qov-para-marker{
  background:linear-gradient(180deg,color-mix(in srgb,var(--qov-c) 25%,#fff),var(--qov-c) 65%,color-mix(in srgb,var(--qov-c) 80%,#000)) !important;
  border:1px solid color-mix(in srgb,var(--qov-c) 68%,#000) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 2px 5px color-mix(in srgb,var(--qov-c) 35%,transparent) !important;
}
/* Lịch sử làm bài empty-state CTA — theo màu skill */
html.theme-skeuo main.main-qov-page .ar-empty-cta{
  background:linear-gradient(180deg,color-mix(in srgb,var(--qov-c) 28%,#fff),var(--qov-c) 58%,color-mix(in srgb,var(--qov-c) 82%,#000)) !important;
  border:1px solid color-mix(in srgb,var(--qov-c) 72%,#000) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.48),inset 0 -3px 8px rgba(0,0,0,.2),0 6px 18px color-mix(in srgb,var(--qov-c) 38%,transparent) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.2) !important;
}
html.theme-skeuo main.main-qov-page .ar-empty-cta:hover{
  filter:brightness(1.04); transform:translateY(-2px) !important;
  color:#fff !important;
}
html.theme-skeuo main.main-qov-page .ar-empty-step-num{
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important;
  border:1px solid #b3b3b5 !important; color:#5a5142 !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 1px 3px rgba(0,0,0,.15) !important;
}
html.theme-skeuo main.main-qov-page .ar-empty-step--active .ar-empty-step-num{
  background:linear-gradient(180deg,color-mix(in srgb,var(--qov-c) 25%,#fff),var(--qov-c) 70%,color-mix(in srgb,var(--qov-c) 85%,#000)) !important;
  border-color:color-mix(in srgb,var(--qov-c) 65%,#000) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 2px 6px color-mix(in srgb,var(--qov-c) 35%,transparent) !important;
}
html.theme-skeuo main.main-qov-page .qov-rel-card{
  border-radius:14px !important;
  box-shadow:0 1px 1px rgba(0,0,0,.08),0 10px 24px -14px rgba(80,60,20,.4),inset 0 1px 0 #fff !important;
}
html.theme-skeuo main.main-qov-page .qov-qtype-row,
html.theme-skeuo main.main-qov-page .qov-part-row{
  background:linear-gradient(180deg,#fffefb,#f7f1e0) !important;
  border:1px solid rgba(120,80,30,.12) !important; border-radius:10px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55) !important;
}
html.theme-skeuo:not(.ae-dark-mode) main.main-qov-page .qov-qtype-name,
html.theme-skeuo:not(.ae-dark-mode) main.main-qov-page .qov-part-name,
html.theme-skeuo:not(.ae-dark-mode) main.main-qov-page .qov-sib-name,
html.theme-skeuo:not(.ae-dark-mode) main.main-qov-page .qov-sib-title,
html.theme-skeuo:not(.ae-dark-mode) main.main-qov-page .qov-sh,
html.theme-skeuo:not(.ae-dark-mode) main.main-qov-page .qov-section p{
  color:#2f2a22 !important;
}

/* ── QOV landing DARK skeuo — walnut rows + chữ sáng (thắng cream+text trắng obscure) ── */
html.theme-skeuo.ae-dark-mode body.qov-landing-page .qov-page,
html.theme-skeuo.ae-dark-mode main.main-qov-page{
  color:#ece2cc !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-sh,
html.theme-skeuo.ae-dark-mode body.qov-landing-page .qov-sh{
  color:#ece2cc !important;
  border-bottom-color:rgba(255,255,255,.08) !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-qtype-row,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-part-row,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-sib-link{
  background:linear-gradient(180deg,#322a21,#272019) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.06),0 2px 6px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-qtype-name,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-part-name,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-sib-name,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-sib-title,
html.theme-skeuo.ae-dark-mode body.qov-landing-page .qov-qtype-name,
html.theme-skeuo.ae-dark-mode body.qov-landing-page .qov-part-name,
html.theme-skeuo.ae-dark-mode body.qov-landing-page .qov-sib-name{
  color:#ece2cc !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-qtype-empty,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-section p,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-section [style*="color:#6b7280"],
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-section [style*="color:#9ca3af"]{
  color:#bcb0a0 !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-stat-chip{
  color:#ece2cc !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-stat-chip strong{
  color:#ece2cc !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-stat-chip i{
  color:color-mix(in srgb,var(--qov-c) 70%,#fff) !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-qtype-count,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-part-count,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-attempt-pill,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-sib-qcount{
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important;
  border:1px solid #8c6622 !important;
  color:#3a2a08 !important;
  box-shadow:inset 0 1px 0 rgba(255,249,222,.75),0 2px 5px rgba(0,0,0,.3) !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-pill-badge--muted{
  background:linear-gradient(180deg,#3d3428,#322a1e) !important;
  border:1px solid #d4a84b !important;
  color:#ffd9a0 !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.08),0 2px 5px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-sib-link:hover{
  background:linear-gradient(180deg,#3a3228,#2e261c) !important;
  border-color:color-mix(in srgb,var(--qov-c) 40%,rgba(255,255,255,.12)) !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-bottom-title,
html.theme-skeuo.ae-dark-mode body.qov-landing-page .qov-bottom-title{
  color:#ece2cc !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-bottom-label,
html.theme-skeuo.ae-dark-mode body.qov-landing-page .qov-bottom-label{
  color:#bcb0a0 !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-rel-card{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.06),0 10px 24px -14px rgba(0,0,0,.55) !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-rel-title{
  color:#ece2cc !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-rel-meta,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-rel-meta span{
  color:#bcb0a0 !important;
}
/* Lịch sử làm bài — chart band tag không bị cắt; text đọc được */
html.theme-skeuo main.main-qov-page .ar-empty-chart,
html.theme-skeuo main.main-qov-page .ar-history-chart-wrap{
  padding-top:16px !important;
  margin-top:6px !important;
  overflow:visible !important;
}
html.theme-skeuo main.main-qov-page .ar-empty-chart-svg,
html.theme-skeuo main.main-qov-page .ar-history-chart-wrap canvas{
  overflow:visible !important;
}
html.theme-skeuo main.main-qov-page .ar-empty-state,
html.theme-skeuo main.main-qov-page .ar-history{
  overflow:visible !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .ar-empty-title,
html.theme-skeuo.ae-dark-mode main.main-qov-page .ar-history h3{
  color:#ece2cc !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .ar-empty-sub,
html.theme-skeuo.ae-dark-mode main.main-qov-page .ar-history-stat-label,
html.theme-skeuo.ae-dark-mode main.main-qov-page .ar-history-chart-title{
  color:#bcb0a0 !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .ar-empty-step-text{
  color:#bcb0a0 !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .ar-empty-step--active .ar-empty-step-text{
  color:color-mix(in srgb,var(--qov-c) 65%,#fff) !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .ar-history-stat{
  background:linear-gradient(180deg,#322a21,#272019) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.06),0 2px 6px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .ar-history-stat-value{
  color:#ece2cc !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .ar-history-table th{
  color:#bcb0a0 !important;
  background:linear-gradient(180deg,#2a231b,#211b14) !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .ar-history-table td{
  color:#ece2cc !important;
  border-color:rgba(255,255,255,.06) !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .ar-history-row:hover{
  background:rgba(255,236,196,.05) !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-overview-text,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-overview-text p,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-overview-text li{
  color:#ece2cc !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-overview-text h1,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-overview-text h2,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-overview-text h3,
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-overview-text strong{
  color:#ece2cc !important;
}
html.theme-skeuo.ae-dark-mode main.main-qov-page .qov-overview-text:not(.qov-expanded)::after{
  background:linear-gradient(to bottom,rgba(47,40,32,0) 0%,#2f2820 85%) !important;
}

/* ── lich-khai-giang (page-skg): dropdown Khóa học + empty-state hero box ── */
html.theme-skeuo main.page-skg .skg-head {
  position: relative;
  z-index: 40;
}
html.theme-skeuo main.page-skg .skg-sr {
  position: relative;
  z-index: 41;
}
html.theme-skeuo main.page-skg .skg-sr .select2-container {
  z-index: 60 !important;
}
body:has(main.page-skg) .select2-container--open {
  z-index: 99990 !important;
}
body:has(main.page-skg) .select2-dropdown {
  z-index: 99991 !important;
}
html.theme-skeuo main.page-skg .skg-block {
  position: relative;
  z-index: 1;
}
/* Đẩy hộp empty xuống — dropdown select2 không bị che */
html.theme-skeuo main.page-skg .skg-bot {
  max-width: min(960px, 94vw) !important;
  margin-top: clamp(5rem, 8vw, 9rem) !important;
}
html.theme-skeuo:not(.ae-dark-mode) main.page-skg .skg-bot {
  max-width: min(1040px, 96vw) !important;
  margin-top: clamp(6.5rem, 10vw, 12rem) !important;
}
html.theme-skeuo main.page-skg .skg-bot .b-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: clamp(48px, 6vw, 80px) clamp(40px, 5vw, 88px) !important;
  border-radius: 28px !important;
}
/* Light mode: hộp siêu to, đẹp hơn trên nền gỗ */
html.theme-skeuo:not(.ae-dark-mode) main.page-skg .skg-bot .b-inner {
  padding: clamp(68px, 8vw, 104px) clamp(52px, 7vw, 108px) !important;
  border-radius: 32px !important;
  box-shadow:
    0 1px 1px rgba(0,0,0,.06),
    0 24px 56px -20px rgba(80,60,20,.38),
    inset 0 1px 0 #fff !important;
}
html.theme-skeuo main.page-skg .skg-bot .b-inner .txt {
  font-size: clamp(22px, 2.5vw, 36px) !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  color: #3a2e1a !important;
}
html.theme-skeuo:not(.ae-dark-mode) main.page-skg .skg-bot .b-inner .txt {
  font-size: clamp(28px, 3vw, 42px) !important;
}
html.theme-skeuo main.page-skg .skg-bot .b-inner .txt .c-sec {
  color: #c41e12 !important;
}
html.theme-skeuo main.page-skg .skg-bot .b-inner .btn {
  transform: scale(1.14);
  margin-top: 18px !important;
}
html.theme-skeuo.ae-dark-mode main.page-skg .skg-bot .b-inner .txt {
  color: #f0ece3 !important;
}

/* the nested cream BOX inside the ĐÓN ĐẦU parchment panel (.tch-panel, holds the
   heading + button) → transparent so the text sits straight on the panel (user:
   "bỏ hai cái hộp"). NOTE: do NOT repaint .slideCard/.tch-it or multiply the slide
   images — that hid the whole teacher slider. */
html.theme-skeuo .tch-wrap .tch-panel{ background:transparent !important; border:0 !important; box-shadow:none !important; }

/* account panels had padding:0 → content (heading/chart/table) flush to the edge.
   Give breathing room (user: "element sát quá cần mở rộng"). */
html.theme-skeuo .acc-panel{ padding:24px 28px !important; }
html.theme-skeuo .acc-panel .acc-panel{ padding:0 !important; }   /* nested (flattened) stay flush */
/* progress chart → recessed "carved into the paper" look (skeuo), overrides the
   raised-card shadow above. */
html.theme-skeuo .ae-chart-wrap,html.theme-skeuo .ae-chart-container,html.theme-skeuo .skillChart{
  background:linear-gradient(180deg,#faf4e4,#f2e9d3) !important; border:1px solid #e2d6b8 !important; border-radius:14px !important;
  box-shadow:inset 0 2px 7px rgba(120,90,40,.16),inset 0 -1px 0 #fff !important; padding:12px !important;
}
html.theme-skeuo.ae-dark-mode .ae-chart-wrap,html.theme-skeuo.ae-dark-mode .ae-chart-container,html.theme-skeuo.ae-dark-mode .skillChart{
  background:#1e1810 !important; border:1px solid rgba(255,214,150,.06) !important; box-shadow:inset 0 2px 8px rgba(0,0,0,.5) !important;
}
/* newsletter CF7 send button (red paper-plane) → glossy gel, keeps brand red */
html.theme-skeuo .wpcf7-submit,
html.theme-skeuo .sec-hsf button[type=submit],
html.theme-skeuo .sec-hsf .btn-send{
  box-shadow:inset 0 1px 1px rgba(255,255,255,.45),0 2px 5px rgba(150,30,20,.4) !important;
  border:1px solid #b51e16 !important; text-shadow:0 -1px 1px rgba(0,0,0,.25);
}
/* sub-panels still flat (DOM-scanned /tai-khoan logged-in): inner boxes + AI credit */
html.theme-skeuo .b-inner,
html.theme-skeuo .b-py,
html.theme-skeuo .ai-credit-container{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e6dcbe !important;
  box-shadow:0 1px 1px rgba(0,0,0,.06),inset 0 1px 0 #fff !important; border-radius:12px !important;
}
/* homepage feature cards (.sec-hdt .hdt-it): KHÔNG cream — ảnh nền + chữ trắng
   (generic .b-inner ở trên đè cream → phải override SAU + specificity cao hơn) */
html.theme-skeuo body.home .sec-hdt .hdt-it{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:2.4rem !important;
  overflow:hidden !important;
  aspect-ratio:540 / 500 !important;
}
html.theme-skeuo body.home .sec-hdt .hdt-it .b-inner{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html.theme-skeuo body.home .sec-hdt .hdt-it .b-img,
html.theme-skeuo body.home .sec-hdt .hdt-it .b-img img{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}
html.theme-skeuo body.home .sec-hdt .hdt-it .b-inner,
html.theme-skeuo body.home .sec-hdt .hdt-it .b-inner p,
html.theme-skeuo body.home .sec-hdt .hdt-it .b-inner span,
html.theme-skeuo body.home .sec-hdt .hdt-it .b-inner h2,
html.theme-skeuo body.home .sec-hdt .hdt-it .b-inner h3,
html.theme-skeuo body.home .sec-hdt .hdt-it .b-inner h4,
html.theme-skeuo body.home .sec-hdt .hdt-it .b-inner .t-text,
html.theme-skeuo body.home .sec-hdt .hdt-it .b-inner .t-gr,
html.theme-skeuo body.home .sec-hdt .hdt-it .b-inner .t-name,
html.theme-skeuo body.home .sec-hdt .hdt-it .b-inner .t-title{
  color:#fff !important;
  text-shadow:0 1px 3px rgba(0,0,0,.45) !important;
}
html.theme-skeuo body.home .sec-hdt .hdt-it .b-inner .icon i,
html.theme-skeuo body.home .sec-hdt .hdt-it .b-inner > i,
html.theme-skeuo body.home .sec-hdt .hdt-it .b-inner .icon svg,
html.theme-skeuo body.home .sec-hdt .hdt-it .b-inner i{
  color:#fff !important;
}
/* bare white wrapper directly inside the already-cream .acc-panel → let cream show */
html.theme-skeuo .acc-panel > div:not([class]):not(#targetModal):not(#satTargetModal){ background:transparent !important; border:0 !important; }

/* ── KILL CONCENTRIC NESTED BORDERS ("dư nhiều đường nhiều ô") ──
   Sidebar is wrapped 4-deep: .acc-side > .b-inner > .b-panel >
   .woocommerce-MyAccount-navigation — each got a border → 3-4 rings. Only the
   OUTER .acc-side stays the parchment binder; the inner wrappers go flat. */
html.theme-skeuo .acc-side .b-inner,
html.theme-skeuo .acc-side .b-panel,
html.theme-skeuo .acc-side .woocommerce-MyAccount-navigation{
  background:transparent !important; border:0 !important; box-shadow:none !important; }
/* a paper panel nested directly inside another paper panel → flatten the INNER
   one (outer stays the sheet; removes box-in-box). */
html.theme-skeuo .acc-panel .acc-panel,
html.theme-skeuo .acc-panel .b-py,
html.theme-skeuo .acc-panel .b-inner{
  background:transparent !important; border:0 !important; box-shadow:none !important; }
/* leftover FLAT tailwind-gray hairlines inside cream panels → warm faint or gone */
html.theme-skeuo .acc-panel [style*="border"],
html.theme-skeuo .acc-panel hr{ border-color:rgba(120,90,40,.16) !important; }
/* OVERVIEW STAT TILES (.b-item>.b-inner>.t-gr>.txt label + .num value, src:
   advanced/partials/monawoo-history.php): theme styles .txt label WHITE for the
   original darker bg → it VANISHES on my cream .b-inner ("obscure nhìn ngu").
   Force readable text so the tiles aren't blank. */
html.theme-skeuo .b-item .b-inner .num{ color:#2f2a22 !important; }
html.theme-skeuo .b-item .b-inner .txt{ color:#7a7160 !important; }
html.theme-skeuo.ae-dark-mode .b-item .b-inner .num{ color:#f0ece3 !important; }
html.theme-skeuo.ae-dark-mode .b-item .b-inner .txt{ color:#b9b2a3 !important; }

/* ── Login / register page: was white outer card (.login-panel) + cream nested
   boxes (.b-inner/.t-head) = ugly double-box ("dư thừa"). → ONE clean paper
   card, all inner sub-boxes transparent. ── */
html.theme-skeuo .login-panel{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e6dcbe !important; border-radius:16px !important;
  box-shadow:0 1px 1px rgba(0,0,0,.06),0 18px 36px -18px rgba(80,60,20,.5),inset 0 1px 0 #fff !important;
}
html.theme-skeuo .login-panel .b-inner,
html.theme-skeuo .login-panel .t-head,
html.theme-skeuo .login-panel .b-py,
html.theme-skeuo .login-panel .t-list{ background:transparent !important; border:0 !important; box-shadow:none !important; }
html.theme-skeuo.ae-dark-mode .login-panel{
  background:linear-gradient(180deg,#2f2820,#241e16) !important; border:1px solid rgba(255,214,150,.06) !important;
}
/* Login/register callback — #008000/#bb0000 từ mona-alert.css chìm trên walnut */
html.theme-skeuo.ae-dark-mode body .login-panel .mona-success-pri,
html.theme-skeuo.ae-dark-mode body .register-panel .mona-success-pri,
html.theme-skeuo.ae-dark-mode body main.page-login .mona-success-pri,
html.theme-skeuo.ae-dark-mode body main.page-register .mona-success-pri{
  color:#b8f5b4 !important;
  -webkit-text-fill-color:#b8f5b4 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.4) !important;
}
html.theme-skeuo.ae-dark-mode body .login-panel .mona-error-pri,
html.theme-skeuo.ae-dark-mode body .register-panel .mona-error-pri,
html.theme-skeuo.ae-dark-mode body main.page-login .mona-error-pri,
html.theme-skeuo.ae-dark-mode body main.page-register .mona-error-pri,
html.theme-skeuo.ae-dark-mode body .login-panel .mona-fail.mona-fail-message,
html.theme-skeuo.ae-dark-mode body main.page-login .mona-fail.mona-fail-message,
html.theme-skeuo.ae-dark-mode body main.page-register .mona-fail.mona-fail-message{
  color:#ffb3b3 !important;
  -webkit-text-fill-color:#ffb3b3 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.4) !important;
}
/* tables inside account content → paper */
html.theme-skeuo .woocommerce-MyAccount-content table,
html.theme-skeuo .acc-panel table{ background:linear-gradient(180deg,#fffefb,#f8f2e2) !important; border-radius:10px !important; overflow:hidden !important; }
html.theme-skeuo.ae-dark-mode .b-inner,
html.theme-skeuo.ae-dark-mode .b-py,
html.theme-skeuo.ae-dark-mode .ai-credit-container{ background:linear-gradient(180deg,#2f2820,#241e16) !important; border:1px solid rgba(255,214,150,.06) !important; }
html.theme-skeuo.ae-dark-mode .woocommerce-MyAccount-content table,
html.theme-skeuo.ae-dark-mode .acc-panel table{ background:#2a2218 !important; }

/* ── Dark variants for header + footer + account ──
   WARM WALNUT (was cool-grey #262430 → made non-home header/footer look black-grey).
   These come LATE in the file so they win — keep them warm to match the wood desk. */
html.theme-skeuo.ae-dark-mode header.hd{ background:linear-gradient(180deg,#2c2218,#201810) !important; border-bottom:1px solid rgba(255,210,140,.14) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 2px 6px rgba(0,0,0,.5) !important; }
html.theme-skeuo.ae-dark-mode .hd-bot{ background:transparent !important; border:0 !important; box-shadow:none !important; }
html.theme-skeuo.ae-dark-mode .hd-top{ background:linear-gradient(180deg,#2a2118,#221a11) !important; border-bottom:1px solid rgba(255,210,140,.1) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important; }
html.theme-skeuo.ae-dark-mode footer.ft{ background:linear-gradient(180deg,#241b12,#1a130c) !important; border-top:1px solid rgba(255,210,140,.12) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important; }
html.theme-skeuo.ae-dark-mode .ft-bot{ background:transparent !important; border-top:0 !important; box-shadow:none !important; }
html.theme-skeuo.ae-dark-mode .acc-side,html.theme-skeuo.ae-dark-mode .woocommerce-MyAccount-navigation{ background:linear-gradient(180deg,#2f2820,#241e16) !important; border:1px solid rgba(255,214,150,.12) !important; box-shadow:inset -8px 0 18px -12px rgba(0,0,0,.7) !important; }
/* WARM WALNUT (was cool-grey #26242c → made every panel/card cold-grey, including
   the teacher slideCard and About/Contact panels). One warm surface site-wide. */
html.theme-skeuo.ae-dark-mode .acc-panel,html.theme-skeuo.ae-dark-mode .b-panel,html.theme-skeuo.ae-dark-mode .t-panel,html.theme-skeuo.ae-dark-mode .crs-panel,
html.theme-skeuo.ae-dark-mode .tch-panel,html.theme-skeuo.ae-dark-mode .srw-panel,html.theme-skeuo.ae-dark-mode .vlg-panel,html.theme-skeuo.ae-dark-mode .vocabulary-panel,
html.theme-skeuo.ae-dark-mode .ai-writing-credit-panel,html.theme-skeuo.ae-dark-mode .crses-card,html.theme-skeuo.ae-dark-mode .aig-form-card,
html.theme-skeuo.ae-dark-mode .tabPanel,html.theme-skeuo.ae-dark-mode .slideCard,html.theme-skeuo.ae-dark-mode .panel,
html.theme-skeuo.ae-dark-mode .woocommerce-MyAccount-content,html.theme-skeuo.ae-dark-mode .ae-chart-wrap,html.theme-skeuo.ae-dark-mode .ae-chart-container{
  background:linear-gradient(180deg,#2f2820,#241e16) !important; border:1px solid rgba(255,214,150,.04) !important;
  box-shadow:0 14px 30px -16px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.04) !important;
  color:#e9dcc0 !important;
}
html.theme-skeuo.ae-dark-mode .acc-table th{ background:linear-gradient(180deg,#352e24,#2a231a) !important; color:#d8cba8 !important; }
html.theme-skeuo.ae-dark-mode .acc-table td{ background:#2a2218 !important; }

/* ══════════════════════════════════════════════════════════════════
   SITE-WIDE dark-skeuo fallback (About /vi/gioi-thieu/, Contact
   /vi/lien-he/, News, generic pages). Dark-skeuo had been scoped only to
   homepage `.sec-*` + a few `main.page-*` → those pages computed BLACK
   header + black/grey sections from the theme's dark CSS. Give the COMMON
   `main` wrapper a dark-wood bg + warm-walnut common cards/sections so
   every page reads as warm dark walnut, never black or cool grey.
   Specificity (0,2,2) deliberately LOWER than `main.page-home` (0,3,2)
   etc., so page-specific dark backgrounds above still win. ══════════════ */
html.theme-skeuo.ae-dark-mode main{
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.30) 0 1px, rgba(150,100,50,.06) 1px 2px, transparent 2px 7px, rgba(0,0,0,.22) 7px 8px, transparent 8px 14px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.24) 0 104px, rgba(150,100,50,.05) 104px 106px, transparent 106px 220px),
    #241a12 !important;
  background-attachment:scroll !important;
}
/* white/grey section bands on these pages → transparent so the wood shows */
html.theme-skeuo.ae-dark-mode main .sec-acc,html.theme-skeuo.ae-dark-mode main .sec-news,
html.theme-skeuo.ae-dark-mode main .sec-about,html.theme-skeuo.ae-dark-mode main .sec-page,
html.theme-skeuo.ae-dark-mode main .sec-cnt,html.theme-skeuo.ae-dark-mode main .sec-contact,
html.theme-skeuo.ae-dark-mode main > .container,html.theme-skeuo.ae-dark-mode main .page-content,
html.theme-skeuo.ae-dark-mode main .b-content > .container{ background:transparent !important; }
/* common card/section classes used across About/Contact/News → warm walnut
   (mirrors the homepage card list; was black/grey from theme dark CSS). */
html.theme-skeuo.ae-dark-mode main .b-content,html.theme-skeuo.ae-dark-mode main .b-item,
html.theme-skeuo.ae-dark-mode main .panel,html.theme-skeuo.ae-dark-mode main .b-py,
html.theme-skeuo.ae-dark-mode main .crs-block,html.theme-skeuo.ae-dark-mode main .b-inner,
html.theme-skeuo.ae-dark-mode main .news-it,html.theme-skeuo.ae-dark-mode main .post-item,
html.theme-skeuo.ae-dark-mode main .contact-card,html.theme-skeuo.ae-dark-mode main .ar-card,
html.theme-skeuo.ae-dark-mode main .card,html.theme-skeuo.ae-dark-mode main .box{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border:1px solid rgba(255,214,150,.04) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 30px -16px rgba(0,0,0,.7) !important;
  color:#e9dcc0 !important;
}
/* inner wrappers on generic pages (About/Contact/News) → no border */
html.theme-skeuo.ae-dark-mode main .b-content,html.theme-skeuo.ae-dark-mode main .b-item,
html.theme-skeuo.ae-dark-mode main .b-py,html.theme-skeuo.ae-dark-mode main .b-inner,
html.theme-skeuo.ae-dark-mode main .panel:not(.acc-panel),
html.theme-skeuo.ae-dark-mode main .crs-block{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
/* but b-inners that carry illustrations/overlays stay transparent */
html.theme-skeuo.ae-dark-mode main .sec-hdt .b-inner,
html.theme-skeuo.ae-dark-mode main .bnh-image .b-inner,
html.theme-skeuo.ae-dark-mode main .box-dcor .b-inner{ background:transparent !important; border:0 !important; box-shadow:none !important; }
/* warm header already handled above; ensure the page <html>/body never flash
   pure black behind a shorter page on these routes (covered by body rule below). */

/* ── Dark mode desk ── */
/* dark mode = iBooks at night: dark WALNUT wood (matches the light oak shelf) */
html.theme-skeuo.ae-dark-mode body{
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.18) 0 1px, rgba(120,80,40,.05) 1px 2px, transparent 2px 7px, rgba(0,0,0,.1) 7px 8px, transparent 8px 14px),
    #241a12 !important;             /* solid dark-wood base so scrolled sections never show the black <html> */
  background-attachment:scroll !important;
}
/* the theme paints <html> pure black in dark mode → it shows through any gap. Pin
   it to the dark wood too so nothing reads as flat black. */
html.theme-skeuo.ae-dark-mode{ background:#241a12 !important; }
/* dark footer text was dim gray → brighten for readability */
html.theme-skeuo.ae-dark-mode footer.ft .ft-nav a,
html.theme-skeuo.ae-dark-mode footer.ft .ft-box,
html.theme-skeuo.ae-dark-mode footer.ft a,
html.theme-skeuo.ae-dark-mode footer.ft p,
html.theme-skeuo.ae-dark-mode footer.ft li{ color:#cfc8ba !important; }
html.theme-skeuo.ae-dark-mode footer.ft .ft-bot{ color:#a8a294 !important; }
html.theme-skeuo.ae-dark-mode footer.ft .ft-title,
html.theme-skeuo.ae-dark-mode footer.ft h3,
html.theme-skeuo.ae-dark-mode footer.ft h4{ color:#f1ead9 !important; }
html.theme-skeuo.ae-dark-mode .hd-ctr{
  background:linear-gradient(180deg,#3a3026,#2c2419) !important; border:1px solid rgba(255,214,150,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.06),0 1px 2px rgba(0,0,0,.5) !important;
}
html.theme-skeuo.ae-dark-mode .hd-ctr .icon i,html.theme-skeuo.ae-dark-mode .hd-ctr .icon svg{ color:#cdd3e0 !important; }

/* ══════════════════════════════════════════════════════════════════════════
   DARK-MODE BLACK-KILLER (comprehensive) — DOM-scanned pure-black elements that
   slipped through: hd-top contact items (a.inner), all form fields + their
   black containers, the social-icon strip, the nav dropdown. `body` prefix +
   the 2 skin classes give enough weight to beat the theme's #000 dark rules.
   ══════════════════════════════════════════════════════════════════════════ */
/* hd-top contact items were <a class="inner"> #000 → transparent (show warm bar) */
html.theme-skeuo.ae-dark-mode body .hd-top .inner,
html.theme-skeuo.ae-dark-mode body .hd-top a,
html.theme-skeuo.ae-dark-mode body .hd-top [class*="inner"]{ background:transparent !important; box-shadow:none !important; }
/* every form field → dark graphite + readable cream text (beats theme black) */
html.theme-skeuo.ae-dark-mode body input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=image]):not([type=range]),
html.theme-skeuo.ae-dark-mode body textarea,
html.theme-skeuo.ae-dark-mode body select{
  background:#26201780 !important; background-color:#262017 !important; border:1px solid rgba(255,214,150,.18) !important; color:#ecdfc4 !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.4) !important; border-radius:12px !important; }
/* account search input — không lồng hộp graphite trong pill .b-gr */
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-search input[type="search"],
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-search input[type="text"]{
  background:transparent !important; background-color:transparent !important;
  border:0 !important; box-shadow:none !important; border-radius:0 !important;
}
html.theme-skeuo.ae-dark-mode body input::placeholder,html.theme-skeuo.ae-dark-mode body textarea::placeholder{ color:#9b8d72 !important; }
/* contact / newsletter / login form containers that were pure black → warm walnut */
html.theme-skeuo.ae-dark-mode body .sct-form,html.theme-skeuo.ae-dark-mode body .form-gr,
html.theme-skeuo.ae-dark-mode body .b-group,html.theme-skeuo.ae-dark-mode body .par-gr,
html.theme-skeuo.ae-dark-mode body .b-wrap,html.theme-skeuo.ae-dark-mode body .frm,
html.theme-skeuo.ae-dark-mode body .login-panel,html.theme-skeuo.ae-dark-mode body .login-form,
html.theme-skeuo.ae-dark-mode body .newsletter,html.theme-skeuo.ae-dark-mode body .news-form{
  background:linear-gradient(180deg,#2f2820,#241e16) !important; border:1px solid rgba(255,214,150,.1) !important; }
/* social-icon strip + its icons + nav dropdown */
html.theme-skeuo.ae-dark-mode body .t-list,html.theme-skeuo.ae-dark-mode body footer .t-list,html.theme-skeuo.ae-dark-mode body .ft-sc .t-list{ background:transparent !important; }
html.theme-skeuo.ae-dark-mode body footer .t-list a,html.theme-skeuo.ae-dark-mode body .ft-sc a{ background:transparent !important; box-shadow:none !important; }
html.theme-skeuo.ae-dark-mode body .menu-list{ background:linear-gradient(180deg,#2a241b,#221c14) !important; border:1px solid rgba(255,214,150,.1) !important; }
/* login form white divider lines (<hr>/borders between fields) → faint warm */
html.theme-skeuo.ae-dark-mode body .login-panel hr,html.theme-skeuo.ae-dark-mode body .login-form hr,
html.theme-skeuo.ae-dark-mode body .login-panel .line,html.theme-skeuo.ae-dark-mode body .frm hr{ border-color:rgba(255,214,150,.14) !important; background:transparent !important; }

/* generic .inner wrappers (62 of them were pure #000 site-wide) → warm walnut.
   GUARANTEES no black box anywhere; walnut-on-walnut nesting is barely visible
   (far better than black-on-warm). hd-top items re-asserted transparent after. */
html.theme-skeuo.ae-dark-mode body .inner{ background:linear-gradient(180deg,#2f2820,#241e16) !important; border-color:rgba(255,214,150,.08) !important; }
html.theme-skeuo.ae-dark-mode body .hd-top .inner,html.theme-skeuo.ae-dark-mode body .hd-top a.inner,
html.theme-skeuo.ae-dark-mode body .hd-top a{ background:transparent !important; border:0 !important; }
/* feature-card illustration inners keep their illustration (no walnut slab over art) */
html.theme-skeuo.ae-dark-mode body .sec-hdt .inner,html.theme-skeuo.ae-dark-mode body .b-inner.inner{ background:transparent !important; }
/* exam card image wrapper — không slab walnut (mỗi .exq-it đã là thẻ riêng) */
html.theme-skeuo.ae-dark-mode body .exq-it .b-image .inner,html.theme-skeuo.ae-dark-mode body .exq-it .inner{ background:transparent !important; border:0 !important; box-shadow:none !important; }

/* feature-card +/- expand toggle (.icon-ar) was a dark gradient → obscure on the
   dark card. Brass gel so it's clearly visible (matches the < > nav pucks). */
html.theme-skeuo.ae-dark-mode body .icon-ar{ background:linear-gradient(180deg,#f4d98a,#c89b40) !important; border:1px solid #8d6822 !important; color:#5a3c10 !important; box-shadow:inset 0 1px 1px rgba(255,249,222,.8),0 2px 5px rgba(0,0,0,.5) !important; }
html.theme-skeuo.ae-dark-mode body .icon-ar i,html.theme-skeuo.ae-dark-mode body .icon-ar svg{ color:#5a3c10 !important; fill:#5a3c10 !important; }

/* TOP nav bar UL.menu-list was pure #000 → transparent so the warm header shows
   (no black box around the menu links). The DROPDOWN submenu (.hd-nav li .menu-list)
   keeps its dark popup bg — this only targets the top-level menu-nav direct child. */
html.theme-skeuo.ae-dark-mode body .hd-nav .menu-nav > .menu-list,
html.theme-skeuo.ae-dark-mode body .menu-nav > ul.menu-list.menu-list,
html.theme-skeuo.ae-dark-mode body .hd-bot .menu-nav > .menu-list{ background:transparent !important; background-color:transparent !important; box-shadow:none !important; border:0 !important; }

/* The theme paints UL.menu-list #000 !important via a high-specificity dark rule.
   Match the FULL DOM chain (.col-right .hd-group .hd-nav .menu-nav > ul.menu-list)
   + a triple-class to outrank it for certain → transparent (warm header shows). */
html.theme-skeuo.ae-dark-mode body .col-right .hd-group .hd-nav .menu-nav > ul.menu-list,
html.theme-skeuo.ae-dark-mode body .hd-nav .menu-nav > ul.menu-list.menu-list.menu-list,
html.theme-skeuo.ae-dark-mode body .hd .menu-nav > ul.menu-list{
  background:transparent !important; background-color:transparent !important; box-shadow:none !important; border:0 !important; }

/* ──────────────────────────────────────────────────────────────────────────
   NEWS / BLOG ARCHIVE — LIGHT skeuo only  (main.page-news: category.php + index.php)
   Bug: the category nav (.news-head .t-list .t-link) + card meta (.news-it .t-gr
   .txt = date/author) + card titles fall back to the COOL blue-grey defaults from
   the base MonaMedia stylesheet (<webroot>/template/css/style.css, linked in
   header.php) — obscure on the warm wood wrapper. Re-tone to the warm brown/brass
   skeuo palette. ALL rules are scoped :not(.ae-dark-mode) so dark mode (handled in
   dark-mode.css) is left alone, and scoped .page-news so account/footer/header
   .t-list chips elsewhere are untouched.
   ────────────────────────────────────────────────────────────────────────── */
/* archive heading ("TOÀN BỘ TIN TỨC" / category name) → warm dark brown */
html.theme-skeuo:not(.ae-dark-mode) .page-news .news-head .head .t-title{ color:#3a342b !important; }
/* card title (.t-text > a) → warm dark brown; hover → brass */
html.theme-skeuo:not(.ae-dark-mode) .page-news .news-it .t-text,
html.theme-skeuo:not(.ae-dark-mode) .page-news .news-it .t-text a{ color:#3a342b !important; }
html.theme-skeuo:not(.ae-dark-mode) .page-news .news-it .t-text a:hover{ color:#8a5a12 !important; }
/* card excerpt (.t-des, usually display:none) → warm secondary in case it shows */
html.theme-skeuo:not(.ae-dark-mode) .page-news .news-it .t-des{ color:#7a6a44 !important; }
/* card meta date + author (.news-bgr .t-gr .txt) → brass + faint light halo so it
   reads on cream paper OR directly on the wood wrapper */
html.theme-skeuo:not(.ae-dark-mode) .page-news .news-it .news-bgr .t-gr .txt,
html.theme-skeuo:not(.ae-dark-mode) .page-news .news-it .t-gr .txt{
  color:#8a5a12 !important; text-shadow:0 1px 0 rgba(255,250,235,.4) !important;
}
/* meta icons (table-ic / user-ic SVGs from /template/) → brass tint to match the
   meta text. brightness(0) normalises any source colour first → deterministic. */
html.theme-skeuo:not(.ae-dark-mode) .page-news .news-it .t-gr .icon img{
  filter:brightness(0) saturate(100%) invert(46%) sepia(62%) saturate(680%) hue-rotate(2deg) brightness(92%) contrast(96%) !important;
}
/* category nav (.news-head .t-list .t-link) → CREAM skeuo chips on the wood; the
   active/current category → BRASS chip (clear hover/active feedback). */
html.theme-skeuo:not(.ae-dark-mode) .page-news .news-head .t-list{ background:transparent !important; border:0 !important; box-shadow:none !important; }
html.theme-skeuo:not(.ae-dark-mode) .page-news .news-head .t-list .t-link{
  display:inline-block !important; color:#8a6d2e !important;
  background:linear-gradient(180deg,#fffdf6,#f1e6cf) !important;
  border:1px solid #ddcba0 !important; border-radius:999px !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(90,70,30,.22) !important;
  padding:.5rem 1.4rem !important; margin:.3rem .4rem .3rem 0 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.6) !important;
  transition:filter .15s ease, transform .05s ease, border-color .15s ease !important;
}
html.theme-skeuo:not(.ae-dark-mode) .page-news .news-head .t-list .t-link:hover{
  filter:brightness(1.03) !important; border-color:#cdb886 !important; color:#6f5520 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .page-news .news-head .t-list .t-link:active{ transform:translateY(1px) !important; }
html.theme-skeuo:not(.ae-dark-mode) .page-news .news-head .t-list .t-link.active{
  color:#3a2a08 !important;
  background:linear-gradient(180deg,#f4d98a,#c89b40) !important;
  border:1px solid #8d6822 !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.85),0 2px 6px rgba(120,90,30,.4) !important;
  text-shadow:0 1px 0 rgba(255,250,222,.5) !important;
}

/* ── Corner hint: skeuo default → offer switch to Hiện đại (10s) ── */
@keyframes alpha-skin-hint-wiggle {
  0%, 100% { transform: rotate(0deg) scale(1); }
  20% { transform: rotate(-10deg) scale(1.08); }
  40% { transform: rotate(10deg) scale(1.08); }
  60% { transform: rotate(-6deg) scale(1.04); }
  80% { transform: rotate(6deg) scale(1.04); }
}
@keyframes alpha-skin-hint-pop {
  0% { opacity: 0; transform: translateY(16px) scale(.92); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}
.alpha-skin-hint {
  position: fixed; right: 16px; bottom: 16px; z-index: 99990;
  width: min(280px, calc(100vw - 32px));
  padding: 12px 16px 16px;
  border-radius: 18px;
  background: linear-gradient(165deg, #fdf8ec 0%, #efe4c8 55%, #e6d9b8 100%);
  border: 1px solid #cdb886;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 14px 36px -12px rgba(80,58,20,.45);
  opacity: 0; transform: translateY(16px) scale(.92);
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
  box-sizing: border-box;
}
.alpha-skin-hint__body{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:10px;
  padding-top:22px;
  width:100%;
}
.alpha-skin-hint.is-visible {
  opacity: 1; transform: translateY(0) scale(1);
  pointer-events: auto;
  animation: alpha-skin-hint-pop .45s cubic-bezier(.2,.9,.2,1);
}
/* macOS Aqua close puck (red traffic-light) */
.alpha-skin-hint__close {
  position: absolute; top: 10px; right: 10px;
  width: 18px; height: 18px; padding: 0; margin: 0;
  border: 1px solid #9a2218;
  border-radius: 50%;
  background: linear-gradient(180deg, #ff8a7d 0%, #f25a4a 38%, #d43828 72%, #b82a1e 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -1px 1px rgba(100,20,10,.35),
    0 1px 2px rgba(0,0,0,.22);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  -webkit-appearance: none;
  appearance: none;
  line-height: 0;
  transition: filter .12s ease, box-shadow .12s ease, transform .08s ease;
}
.alpha-skin-hint__close:hover {
  filter: brightness(1.06);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 1px rgba(100,20,10,.3),
    0 2px 4px rgba(0,0,0,.28);
}
.alpha-skin-hint__close:active {
  transform: scale(.94);
  background: linear-gradient(180deg, #e04a3c 0%, #c42e22 55%, #a8241a 100%);
  box-shadow:
    inset 0 2px 5px rgba(60,10,5,.45),
    0 0 0 transparent;
}
.alpha-skin-hint__close-x {
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
  pointer-events: none;
}
.alpha-skin-hint__close-x::before,
.alpha-skin-hint__close-x::after {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  width: 8px; height: 1.5px;
  margin: 0;
  background: rgba(72, 14, 8, .88);
  border-radius: 1px;
  transform-origin: center center;
}
.alpha-skin-hint__close-x::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.alpha-skin-hint__close-x::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.alpha-skin-hint__close:hover .alpha-skin-hint__close-x::before,
.alpha-skin-hint__close:hover .alpha-skin-hint__close-x::after {
  background: rgba(50, 8, 4, .95);
}
.alpha-skin-hint__buddy {
  font-size: 28px; line-height: 1; margin: 0;
  animation: alpha-skin-hint-wiggle 1.4s ease-in-out infinite;
  transform-origin: 50% 80%;
}
.alpha-skin-hint__text {
  margin: 0; font-size: 13px; line-height: 1.45;
  color: #4a3820; font-family: "Be Vietnam Pro", system-ui, sans-serif;
  text-align: center;
  width: 100%;
}
.alpha-skin-hint__text strong { color: #2f2310; }
.alpha-skin-hint__actions { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; width: 100%; }
.alpha-skin-hint__switch,
.alpha-skin-hint__dismiss {
  flex: 1 1 auto; min-width: 0;
  padding: 7px 10px; border-radius: 999px; font-size: 12px; font-weight: 700;
  cursor: pointer; font-family: "Be Vietnam Pro", system-ui, sans-serif;
}
.alpha-skin-hint__switch {
  border: 1px solid #8d6822;
  background: linear-gradient(180deg, #f4d98a, #c89b40);
  color: #4a3208;
  box-shadow: inset 0 1px 0 rgba(255,249,222,.85), 0 2px 5px rgba(90,68,28,.25);
}
.alpha-skin-hint__dismiss {
  border: 1px solid #c4bba0;
  background: linear-gradient(180deg, #fff, #efe9d8);
  color: #5a5142;
}
html.ae-dark-mode .alpha-skin-hint {
  background: linear-gradient(165deg, #3a3024 0%, #2a2218 100%);
  border-color: rgba(255,214,150,.2);
  box-shadow: inset 0 1px 0 rgba(255,236,200,.08), 0 14px 36px -10px rgba(0,0,0,.65);
}
html.ae-dark-mode .alpha-skin-hint__text { color: #e6dcc6; }
html.ae-dark-mode .alpha-skin-hint__text strong { color: #fff3d6; }
html.ae-dark-mode .alpha-skin-hint__switch,
html.theme-skeuo.ae-dark-mode .alpha-skin-hint__switch{
  background:linear-gradient(180deg,#f4d98a,#c89b40) !important;
  border:1px solid #8d6822 !important;
  color:#3a2a08 !important;
  -webkit-text-fill-color:#3a2a08 !important;
  text-shadow:0 1px 0 rgba(255,250,222,.8) !important;
  font-weight:700 !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.9),0 2px 6px rgba(0,0,0,.35) !important;
}
/* close puck: giữ đỏ Aqua cả dark mode */
html.ae-dark-mode .alpha-skin-hint__dismiss {
  background: linear-gradient(180deg, #3a3024, #2a2218);
  border-color: rgba(255,214,150,.18);
  color: #d8ccb0 !important;
  -webkit-text-fill-color: #d8ccb0 !important;
  text-shadow: none !important;
}
@media (max-width: 480px) {
  .alpha-skin-hint { right: 10px; bottom: 10px; width: calc(100vw - 20px); }
}

/* Complianz cookie banner — skeuo LIGHT: cream panel + gel buttons */
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-cookiebanner{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  background-color:#faf6ec !important;
  border:1px solid #e6dcbe !important;
  box-shadow:0 1px 1px rgba(0,0,0,.08),0 16px 40px -12px rgba(80,60,20,.45),inset 0 1px 0 #fff !important;
  border-radius:14px !important;
}
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-header,
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-body{
  background:transparent !important; background-color:transparent !important;
  border:0 !important; box-shadow:none !important;
}
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-message,
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-message *,
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-body .inner,
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-body .form-gr,
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-body .b-box,
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-body .b-inner,
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-body .b-content,
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-body .b-item,
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-body p{
  background:transparent !important; background-color:transparent !important;
  border:0 !important; box-shadow:none !important;
}
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-divider{
  border:0 !important; background:#e0d4b2 !important; height:1px !important; margin:8px 0 !important;
}
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-close{
  background:transparent !important; border:0 !important; box-shadow:none !important; color:#5a5142 !important;
}
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-title,
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-message,
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-close,
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-category-title,
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-description{
  color:#2f2a22 !important;
}
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-links a{ color:#8c6622 !important; }
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-btn{
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important;
  border:1px solid #b3b3b5 !important; color:#5a5142 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(0,0,0,.14) !important; border-radius:10px !important;
}
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-btn.cmplz-accept{
  background:linear-gradient(180deg,#ef5b4c,#d3262e) !important;
  border:1px solid #b91c1c !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px rgba(211,38,46,.35) !important;
}
html.theme-skeuo:not(.ae-dark-mode) #cmplz-cookiebanner-container .cmplz-categories .cmplz-category{
  background:linear-gradient(180deg,#faf8f2,#ece6d4) !important;
  border:1px solid #d3c7a6 !important; border-radius:10px !important;
}
html.theme-skeuo:not(.ae-dark-mode) #cmplz-manage-consent .cmplz-manage-consent{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e6dcbe !important; color:#2f2a22 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(80,60,20,.18) !important;
}

/* Complianz cookie banner — skeuo dark: panel đặc ở shell ngoài; bên trong không lồng border */
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-cookiebanner{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  background-color:#2a2218 !important;
  border:1px solid rgba(255,214,150,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.06),0 16px 40px -12px rgba(0,0,0,.75) !important;
}
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-header,
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-body{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-message,
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-message *,
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-body .inner,
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-body .form-gr,
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-body .b-box,
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-body .b-inner,
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-body .b-content,
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-body .b-item,
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-body p{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-divider{
  border:0 !important;
  background:rgba(255,214,150,.12) !important;
  height:1px !important;
  margin:8px 0 !important;
}
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-close{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-title,
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-message,
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-close,
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-category-title,
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-description{
  color:#ecdcb8 !important;
}
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-links a{
  color:#e6bc78 !important;
}
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-btn{
  background:linear-gradient(180deg,#3a3026,#2c2419) !important;
  border:1px solid rgba(255,214,150,.18) !important;
  color:#ecdcb8 !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.05),0 1px 3px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-btn.cmplz-accept{
  background:linear-gradient(180deg,#f4d98a,#c89b40) !important;
  border:1px solid #8d6822 !important;
  color:#5a3c10 !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.85),0 2px 5px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode #cmplz-cookiebanner-container .cmplz-categories .cmplz-category{
  background:rgba(0,0,0,.28) !important;
  border:1px solid rgba(255,214,150,.1) !important;
}
html.theme-skeuo.ae-dark-mode #cmplz-manage-consent .cmplz-manage-consent{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  background-color:#2a2218 !important;
  border:1px solid rgba(255,214,150,.18) !important;
  color:#ecdcb8 !important;
}

/* ═══ WooCommerce notices (mật khẩu tạm / account messages) — cream gel + info puck ═══ */
html.theme-skeuo .woocommerce-notices-wrapper{
  width:100% !important; margin:0 0 16px !important;
}
html.theme-skeuo:not(.ae-dark-mode) .woocommerce-message,
html.theme-skeuo:not(.ae-dark-mode) .woocommerce-info{
  position:relative !important; overflow:hidden !important;
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e6dcbe !important;
  border-left:0 !important;
  border-radius:12px !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 8px rgba(80,60,20,.12) !important;
  color:#2f2a22 !important;
  padding:14px 18px 14px 56px !important;
}
html.theme-skeuo:not(.ae-dark-mode) .woocommerce-message::after,
html.theme-skeuo:not(.ae-dark-mode) .woocommerce-info::after{
  content:'' !important; position:absolute !important;
  left:0 !important; top:0 !important; bottom:0 !important; width:7px !important;
  background:linear-gradient(180deg,#93c5fd 0%,#3b82f6 42%,#2563eb 72%,#1d4ed8 100%) !important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.45),inset -1px 0 3px rgba(15,40,120,.22) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .woocommerce-message::before,
html.theme-skeuo:not(.ae-dark-mode) .woocommerce-info::before{
  position:absolute !important; left:18px !important; top:50% !important;
  transform:translateY(-50%) !important;
  width:30px !important; height:30px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  background:linear-gradient(180deg,#bfdbfe 0%,#60a5fa 38%,#3b82f6 68%,#2563eb 100%) !important;
  border:1px solid #1e40af !important; border-radius:50% !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.62),inset 0 -2px 4px rgba(15,40,120,.28),0 2px 6px rgba(37,99,235,.32) !important;
  color:#fff !important; font-size:15px !important; line-height:1 !important;
  text-shadow:0 1px 1px rgba(15,40,120,.35) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .woocommerce-message a,
html.theme-skeuo:not(.ae-dark-mode) .woocommerce-info a{
  color:#1d4ed8 !important; font-weight:600 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .woocommerce-error{
  position:relative !important; overflow:hidden !important;
  background:linear-gradient(180deg,#fff5f5,#fcd9d9) !important;
  border:1px solid #f0a0a0 !important; border-left:0 !important;
  border-radius:12px !important;
  color:#7f1212 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 8px rgba(150,30,30,.12) !important;
  padding-left:56px !important;
}
html.theme-skeuo:not(.ae-dark-mode) .woocommerce-error::after{
  content:'' !important; position:absolute !important;
  left:0 !important; top:0 !important; bottom:0 !important; width:7px !important;
  background:linear-gradient(180deg,#fca5a5,#ef4444 45%,#dc2626 100%) !important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.35),inset -1px 0 3px rgba(120,20,20,.25) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .woocommerce-error::before{
  position:absolute !important; left:18px !important; top:50% !important;
  transform:translateY(-50%) !important;
  width:30px !important; height:30px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  background:linear-gradient(180deg,#fecaca,#f87171 45%,#ef4444 100%) !important;
  border:1px solid #b91c1c !important; border-radius:50% !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -2px 4px rgba(100,10,10,.3),0 2px 6px rgba(220,38,38,.28) !important;
  color:#fff !important;
}
html.theme-skeuo.ae-dark-mode .woocommerce-message,
html.theme-skeuo.ae-dark-mode .woocommerce-info{
  position:relative !important; overflow:hidden !important;
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border:1px solid rgba(255,214,150,.18) !important;
  border-left:0 !important;
  border-radius:12px !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.06),0 2px 8px rgba(0,0,0,.35) !important;
  color:#ecdcb8 !important;
  padding:14px 18px 14px 56px !important;
}
html.theme-skeuo.ae-dark-mode .woocommerce-message::after,
html.theme-skeuo.ae-dark-mode .woocommerce-info::after{
  content:'' !important; position:absolute !important;
  left:0 !important; top:0 !important; bottom:0 !important; width:7px !important;
  background:linear-gradient(180deg,#7dd3fc 0%,#38bdf8 40%,#0ea5e9 70%,#0284c7 100%) !important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.28),inset -1px 0 3px rgba(0,0,0,.35),0 0 12px rgba(56,189,248,.18) !important;
}
html.theme-skeuo.ae-dark-mode .woocommerce-message::before,
html.theme-skeuo.ae-dark-mode .woocommerce-info::before{
  position:absolute !important; left:18px !important; top:50% !important;
  transform:translateY(-50%) !important;
  width:30px !important; height:30px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  background:linear-gradient(180deg,#67e8f9 0%,#22d3ee 38%,#06b6d4 68%,#0891b2 100%) !important;
  border:1px solid rgba(255,255,255,.22) !important; border-radius:50% !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.35),inset 0 -2px 5px rgba(0,0,0,.35),0 2px 8px rgba(6,182,212,.28) !important;
  color:#fff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode .woocommerce-message a,
html.theme-skeuo.ae-dark-mode .woocommerce-info a{
  color:#93c5fd !important;
}
html.theme-skeuo.ae-dark-mode .woocommerce-error{
  position:relative !important; overflow:hidden !important;
  background:linear-gradient(180deg,#3a2828,#2a1c1c) !important;
  border:1px solid rgba(248,113,113,.25) !important; border-left:0 !important;
  color:#fecaca !important;
  padding-left:56px !important;
}
html.theme-skeuo.ae-dark-mode .woocommerce-error::after{
  content:'' !important; position:absolute !important;
  left:0 !important; top:0 !important; bottom:0 !important; width:7px !important;
  background:linear-gradient(180deg,#fca5a5,#f87171 45%,#ef4444 100%) !important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.2),0 0 10px rgba(248,113,113,.15) !important;
}
html.theme-skeuo.ae-dark-mode .woocommerce-error::before{
  position:absolute !important; left:18px !important; top:50% !important;
  transform:translateY(-50%) !important;
  width:30px !important; height:30px !important;
  background:linear-gradient(180deg,#fca5a5,#f87171 45%,#ef4444 100%) !important;
  border:1px solid rgba(255,255,255,.18) !important; border-radius:50% !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 2px 6px rgba(0,0,0,.35) !important;
  color:#fff !important;
}

/* ═══ Regrade banner (cập nhật điểm) — inset gel trong acc-panel, không double border ═══ */
html.theme-skeuo body .acc-panel > .alpha-regrade-banners{
  display:flex !important; flex-direction:column !important; gap:10px !important;
  margin:-24px -28px 20px !important; padding:16px 28px 0 !important;
}
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-banner{
  display:flex !important; align-items:center !important; gap:14px !important;
  padding:14px 18px !important; border-radius:12px !important;
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e0d4b2 !important;
  box-shadow:inset 0 2px 6px rgba(120,90,40,.12),inset 0 1px 0 #fff !important;
}
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-banner:first-child{
  border-top:0 !important; border-top-left-radius:0 !important; border-top-right-radius:0 !important;
}
html.theme-skeuo body .acc-panel > .alpha-regrade-banners + .acc-head{
  border-top:0 !important; box-shadow:none !important; padding-top:0 !important;
}
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-banner-positive{
  background:linear-gradient(180deg,#f0fdf4,#dcfce7) !important;
  border-color:#86efac !important;
  box-shadow:inset 0 2px 6px rgba(34,120,60,.1),inset 0 1px 0 rgba(255,255,255,.65) !important;
}
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-banner-negative{
  background:linear-gradient(180deg,#fff5f5,#fee2e2) !important;
  border-color:#fca5a5 !important;
  box-shadow:inset 0 2px 6px rgba(180,40,40,.1),inset 0 1px 0 rgba(255,255,255,.65) !important;
}
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-banner-icon{
  font-size:26px !important; line-height:1 !important; flex-shrink:0 !important;
}
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-banner-body{ flex:1 !important; min-width:0 !important; }
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-banner-title{
  font-size:14px !important; color:#2f2a22 !important; margin-bottom:4px !important;
}
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-banner-detail{
  font-size:13px !important; color:#7a7160 !important;
}
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-banner-detail strong{
  color:#2f2a22 !important;
}
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-delta-positive{ color:#15803d !important; }
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-delta-negative{ color:#b91c1c !important; }
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-delta-neutral{ color:#78716c !important; }
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-banner-actions{
  display:flex !important; align-items:center !important; gap:8px !important; flex-shrink:0 !important;
}
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-banner-btn{
  padding:7px 14px !important; border-radius:999px !important;
  background:linear-gradient(180deg,#fffefb,#f4ecd8) !important;
  border:1px solid #c8b888 !important; color:#5a5142 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(80,60,20,.12) !important;
  text-decoration:none !important; font-size:12.5px !important; font-weight:600 !important;
}
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-banner-btn-primary{
  background:linear-gradient(180deg,#7c6cf0,#5b4ee8) !important;
  border-color:#4338ca !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 6px rgba(79,70,229,.28) !important;
}
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-banner-dismiss{
  background:transparent !important; border:0 !important; color:#9a8770 !important;
  font-size:18px !important; cursor:pointer !important; padding:4px 8px !important; border-radius:8px !important;
}
html.theme-skeuo body .acc-panel > .alpha-regrade-banners .ar-banner-dismiss:hover{
  background:rgba(120,90,40,.08) !important; color:#5a5142 !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel > .alpha-regrade-banners .ar-banner{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border:1px solid rgba(255,214,150,.14) !important;
  box-shadow:inset 0 2px 7px rgba(0,0,0,.38) !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel > .alpha-regrade-banners .ar-banner:first-child{
  border-top:0 !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel > .alpha-regrade-banners .ar-banner-positive{
  background:linear-gradient(180deg,#1a3328,#152820) !important;
  border-color:rgba(74,222,128,.22) !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel > .alpha-regrade-banners .ar-banner-negative{
  background:linear-gradient(180deg,#3a2020,#2a1616) !important;
  border-color:rgba(248,113,113,.22) !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel > .alpha-regrade-banners .ar-banner-title{
  color:#f0ece3 !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel > .alpha-regrade-banners .ar-banner-detail{
  color:#b9b2a3 !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel > .alpha-regrade-banners .ar-banner-detail strong{
  color:#f5ead0 !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel > .alpha-regrade-banners .ar-delta-positive{ color:#4ade80 !important; }
html.theme-skeuo.ae-dark-mode body .acc-panel > .alpha-regrade-banners .ar-delta-negative{ color:#f87171 !important; }
html.theme-skeuo.ae-dark-mode body .acc-panel > .alpha-regrade-banners .ar-delta-neutral{ color:#94a3b8 !important; }
html.theme-skeuo.ae-dark-mode body .acc-panel > .alpha-regrade-banners .ar-banner-btn{
  background:linear-gradient(180deg,#3a3026,#2c2419) !important;
  border:1px solid rgba(255,214,150,.14) !important; color:#ecdcb8 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 5px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel > .alpha-regrade-banners .ar-banner-btn-primary{
  background:linear-gradient(180deg,#7c6cf0,#5b4ee8) !important;
  border-color:#4338ca !important; color:#fff !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel > .alpha-regrade-banners .ar-banner-dismiss{
  color:#8a7d68 !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel > .alpha-regrade-banners .ar-banner-dismiss:hover{
  background:rgba(255,214,150,.08) !important; color:#ecdcb8 !important;
}

/* ═══ Brainstorm (AI Idea Generator) — gel paper + inset fields ═══ */
html.theme-skeuo body .woocommerce-MyAccount-content:has(.alpha-idea-generator){
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-title{
  color:#3a2a08 !important; text-shadow:0 1px 0 rgba(255,255,255,.45) !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-subtitle{
  color:#4f4638 !important; font-weight:500 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35) !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-title-icon{
  background:linear-gradient(180deg,#a895f8,#6d5ce8) !important;
  border:1px solid #5b4ee8 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 3px 8px rgba(91,78,232,.28) !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-usage-badge{
  background:linear-gradient(180deg,#f0fdf4,#dcfce7) !important;
  border:1px solid #86efac !important; color:#15803d !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(34,120,60,.1) !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-form-card{
  padding:28px !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-task-toggle{
  background:linear-gradient(180deg,#faf8f2,#ece6d4) !important;
  border:1px solid #d3c7a6 !important;
  box-shadow:inset 0 2px 5px rgba(120,90,40,.14) !important;
  border-radius:14px !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-toggle-btn{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  color:#7a7160 !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-toggle-btn.active{
  background:linear-gradient(180deg,#fffefb,#f4ecd8) !important;
  border:1px solid #c8b888 !important; color:#5b4ee8 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(80,60,20,.12) !important;
  font-weight:600 !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-label{ color:#5a5142 !important; }
html.theme-skeuo body .alpha-idea-generator .aig-textarea,
html.theme-skeuo body .alpha-idea-generator select.aig-textarea{
  background:linear-gradient(180deg,#faf8f2,#ece6d4) !important;
  border:1px solid #d3c7a6 !important;
  box-shadow:inset 0 2px 5px rgba(120,90,40,.14) !important;
  color:#2f2a22 !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-textarea:focus,
html.theme-skeuo body .alpha-idea-generator select.aig-textarea:focus{
  border-color:#8b78f0 !important;
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  box-shadow:inset 0 2px 5px rgba(120,90,40,.14),0 0 0 2px rgba(124,108,240,.2) !important;
  outline:none !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-upload-zone{
  background:linear-gradient(180deg,#faf8f2,#ece6d4) !important;
  border:2px dashed #c8b888 !important;
  box-shadow:inset 0 2px 6px rgba(120,90,40,.1) !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-upload-zone:hover,
html.theme-skeuo body .alpha-idea-generator .aig-upload-zone.dragover{
  border-color:#8b78f0 !important;
  background:linear-gradient(180deg,#faf5ff,#f0e8ff) !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-upload-placeholder p{ color:#7a7160 !important; }
html.theme-skeuo body .alpha-idea-generator .aig-upload-placeholder strong{ color:#5b4ee8 !important; }
html.theme-skeuo body .alpha-idea-generator .aig-generate-btn{
  background:linear-gradient(180deg,#9b87f5,#6d5ce8) !important;
  border:1px solid #5b4ee8 !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 4px rgba(60,40,140,.35),0 4px 12px rgba(91,78,232,.32) !important;
  text-shadow:0 1px 1px rgba(40,20,120,.35) !important; border-radius:14px !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-generate-btn:hover:not(:disabled){
  background:linear-gradient(180deg,#a895f8,#7968eb) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 4px rgba(60,40,140,.35),0 6px 16px rgba(91,78,232,.38) !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-section-card{
  background:linear-gradient(180deg,#faf4e4,#f2e9d3) !important;
  border:1px solid #e2d6b8 !important;
  box-shadow:inset 0 2px 7px rgba(120,90,40,.16),inset 0 -1px 0 #fff !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-section-card:hover{
  box-shadow:inset 0 2px 7px rgba(120,90,40,.16),inset 0 -1px 0 #fff,0 2px 8px rgba(80,60,20,.08) !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-section-label{ color:#3a2a08 !important; }
html.theme-skeuo body .alpha-idea-generator .aig-idea-en{ color:#2f2a22 !important; }
html.theme-skeuo body .alpha-idea-generator .aig-idea-vi{ color:#6d28d9 !important; }
html.theme-skeuo body .alpha-idea-generator .aig-point-en{ color:#5a5142 !important; }
html.theme-skeuo body .alpha-idea-generator .aig-point-vi{ color:#7c3aed !important; }
html.theme-skeuo body .alpha-idea-generator .aig-topic-summary{
  background:linear-gradient(180deg,#f5f3ff,#ede9fe) !important;
  border:1px solid #ddd6fe !important; border-left:4px solid #7c3aed !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(124,58,237,.08) !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-vocab-section{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e0d4b2 !important;
  box-shadow:inset 0 2px 5px rgba(120,90,40,.1) !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-copy-btn,
html.theme-skeuo body .alpha-idea-generator .aig-clear-btn{
  background:linear-gradient(180deg,#fffefb,#f4ecd8) !important;
  border:1px solid #c8b888 !important; color:#5a5142 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(80,60,20,.1) !important;
  border-radius:999px !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-results-header h3{ color:#15803d !important; }
html.theme-skeuo body .alpha-idea-generator .aig-no-access{
  background:linear-gradient(180deg,#fffefb,#f8f2e2) !important;
  border:1px solid #e6dcbe !important;
  box-shadow:inset 0 1px 0 #fff,0 14px 30px -16px rgba(80,60,20,.45) !important;
}
html.theme-skeuo body .alpha-idea-generator .aig-loading-spinner{
  border-color:#e0d4b2 !important; border-top-color:#7c3aed !important;
}
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-title{ color:#f5ead0 !important; text-shadow:0 1px 2px rgba(0,0,0,.35) !important; }
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-subtitle{
  color:#d8cba8 !important; text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-title-icon{
  background:linear-gradient(180deg,#8b78f0,#5b4ee8) !important;
  border-color:#4338ca !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 3px 10px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-usage-badge{
  background:linear-gradient(180deg,#1a3328,#152820) !important;
  border:1px solid rgba(74,222,128,.22) !important; color:#4ade80 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 2px 5px rgba(0,0,0,.3) !important;
}
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-task-toggle{
  background:linear-gradient(180deg,#2a231a,#1e1810) !important;
  border:1px solid rgba(255,214,150,.12) !important;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.38) !important;
}
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-toggle-btn{ color:#b9b2a3 !important; }
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-toggle-btn.active{
  background:linear-gradient(180deg,#3a3026,#2c2419) !important;
  border:1px solid rgba(255,214,150,.18) !important; color:#c4b5fd !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.08),0 2px 5px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-label{ color:#d8cba8 !important; }
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-textarea,
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator select.aig-textarea{
  background:#262017 !important; background-color:#262017 !important;
  border:1px solid rgba(255,214,150,.18) !important; color:#ecdfc4 !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.38) !important;
}
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-textarea:focus,
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator select.aig-textarea:focus{
  border-color:rgba(167,139,250,.45) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.38),0 0 0 2px rgba(124,108,240,.2) !important;
}
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-upload-zone{
  background:#262017 !important;
  border-color:rgba(255,214,150,.18) !important;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-upload-zone:hover,
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-upload-zone.dragover{
  border-color:rgba(167,139,250,.4) !important;
  background:linear-gradient(180deg,#2a1f3a,#221830) !important;
}
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-generate-btn{
  background:linear-gradient(180deg,#8b78f0,#5b4ee8) !important;
  border-color:#4338ca !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -2px 4px rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-section-card{
  background:linear-gradient(180deg,#2a231a,#1e1810) !important;
  border:1px solid rgba(255,214,150,.1) !important;
  box-shadow:inset 0 2px 7px rgba(0,0,0,.38) !important;
}
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-section-label,
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-idea-en{ color:#f0ece3 !important; }
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-idea-vi,
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-point-vi{ color:#c4b5fd !important; }
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-point-en{ color:#d8cba8 !important; }
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-topic-summary{
  background:linear-gradient(180deg,#2e1065,#3b0764) !important;
  border:1px solid rgba(167,139,250,.22) !important; border-left:4px solid #a78bfa !important;
}
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-vocab-section{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border:1px solid rgba(255,214,150,.1) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.32) !important;
}
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-copy-btn,
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-clear-btn{
  background:linear-gradient(180deg,#3a3026,#2c2419) !important;
  border:1px solid rgba(255,214,150,.14) !important; color:#ecdcb8 !important;
}
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-results-header h3{ color:#4ade80 !important; }
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-loading-text{ color:#f0ece3 !important; }
html.theme-skeuo.ae-dark-mode body .alpha-idea-generator .aig-loading-sub{ color:#b9b2a3 !important; }

/* ═══ Report-error modal (Alpha_History_Feedback) — gel paper + embossed buttons ═══ */
html.theme-skeuo .alpha-report-error-btn{
  color:#9b1c1c !important; background:linear-gradient(180deg,#fff5f5,#fcd9d9) !important;
  border:1px solid #f0a0a0 !important; border-radius:20px !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(150,30,30,.18) !important;
  text-shadow:0 1px 0 #fff !important;
}
html.theme-skeuo .alpha-report-error-btn:hover{
  color:#7f1212 !important; background:linear-gradient(180deg,#ffe8e8,#f5bcbc) !important;
  border-color:#e57373 !important; box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(150,30,30,.22) !important;
}
html.theme-skeuo #alpha-report-overlay,
html.theme-skeuo #alpha-success-overlay{
  background:rgba(40,28,12,.55) !important; backdrop-filter:blur(6px) !important;
}
html.theme-skeuo #alpha-report-dialog,
html.theme-skeuo #alpha-success-dialog{
  background:linear-gradient(180deg,#fffefb,#f8f2e2) !important;
  border:1px solid #e6dcbe !important;
  box-shadow:0 24px 55px rgba(0,0,0,.38),inset 0 1px 0 #fff !important;
  border-radius:18px !important;
}
html.theme-skeuo #alpha-report-close{
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important;
  border:1px solid #b3b3b5 !important; color:#5a5142 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.18) !important;
}
html.theme-skeuo #alpha-report-close:hover{
  background:linear-gradient(180deg,#ffe8e8,#f5bcbc) !important;
  border-color:#e57373 !important; color:#9b1c1c !important;
}
html.theme-skeuo #alpha-report-icon{
  background:linear-gradient(180deg,#fff5f5,#fcd9d9) !important;
  border:1px solid #f0a0a0 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(150,30,30,.15) !important;
  color:#dc2626 !important; border-radius:14px !important;
}
html.theme-skeuo #alpha-report-title{
  font-family:Georgia,'Times New Roman',serif !important;
  color:#2f2a22 !important; text-shadow:0 1px 0 #fff !important;
}
html.theme-skeuo #alpha-report-subtitle{color:#5a5142 !important;}
html.theme-skeuo #alpha-report-text{
  background:linear-gradient(180deg,#faf8f2,#ece6d4) !important;
  border:1px solid #d3c7a6 !important;
  box-shadow:inset 0 2px 5px rgba(120,90,40,.18) !important;
  color:#2f2a22 !important; border-radius:12px !important;
}
html.theme-skeuo #alpha-report-text:focus{
  border-color:#e57373 !important;
  box-shadow:inset 0 2px 5px rgba(120,90,40,.18),0 0 0 3px rgba(239,68,68,.12) !important;
  background:linear-gradient(180deg,#fffefb,#f7f1e0) !important;
}
html.theme-skeuo #alpha-report-charcount{color:#9a8770 !important;}
html.theme-skeuo #alpha-report-cancel{
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important;
  border:1px solid #b3b3b5 !important; color:#4a4a4c !important;
  text-shadow:0 1px 0 #fff !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.2) !important; border-radius:11px !important;
}
html.theme-skeuo #alpha-report-cancel:hover{
  background:linear-gradient(180deg,#fff,#e8e8ea) !important; color:#3a3a3c !important;
}
html.theme-skeuo #alpha-report-submit{
  background:linear-gradient(180deg,#ff6a5e,#c8231b) !important;
  border:1px solid #7e120c !important; color:#fff !important;
  text-shadow:0 -1px 1px rgba(80,10,5,.4) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.5),0 3px 8px rgba(0,0,0,.3) !important;
  border-radius:11px !important;
}
html.theme-skeuo #alpha-report-submit:hover{
  background:linear-gradient(180deg,#ff7f74,#d42a22) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.5),0 5px 14px rgba(0,0,0,.35) !important;
}
html.theme-skeuo #alpha-success-title{
  font-family:Georgia,'Times New Roman',serif !important;
  color:#2f2a22 !important; text-shadow:0 1px 0 #fff !important;
}
html.theme-skeuo #alpha-success-desc{color:#5a5142 !important;}
html.theme-skeuo #alpha-success-close{
  background:linear-gradient(180deg,#38b86a,#1f8a4a) !important;
  border:1px solid #146b38 !important; color:#fff !important;
  text-shadow:0 -1px 1px rgba(0,40,20,.35) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.45),0 3px 8px rgba(0,0,0,.28) !important;
  border-radius:12px !important;
}
html.theme-skeuo #alpha-success-close:hover{opacity:1 !important; filter:brightness(1.05);}
html.theme-skeuo.ae-dark-mode .alpha-report-error-btn{
  color:#fca5a5 !important; background:linear-gradient(180deg,#3a2828,#2a1c1c) !important;
  border:1px solid rgba(239,68,68,.35) !important;
  box-shadow:inset 0 1px 0 rgba(255,200,200,.08),0 1px 3px rgba(0,0,0,.45) !important;
  text-shadow:0 1px 1px #000 !important;
}
html.theme-skeuo.ae-dark-mode .alpha-report-error-btn:hover{
  color:#fecaca !important; background:linear-gradient(180deg,#4a3030,#3a2222) !important;
  border-color:rgba(239,68,68,.5) !important;
}
html.theme-skeuo.ae-dark-mode #alpha-report-dialog,
html.theme-skeuo.ae-dark-mode #alpha-success-dialog{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border:1px solid rgba(255,222,172,.14) !important;
  box-shadow:0 24px 55px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,222,172,.1) !important;
}
html.theme-skeuo.ae-dark-mode #alpha-report-close{
  background:linear-gradient(180deg,#3a3329,#2a2419) !important;
  border:1px solid rgba(255,214,150,.14) !important; color:#cbbf9e !important;
  box-shadow:inset 0 1px 0 rgba(255,222,172,.08),0 1px 2px rgba(0,0,0,.4) !important;
}
html.theme-skeuo.ae-dark-mode #alpha-report-close:hover{
  background:linear-gradient(180deg,#4a3030,#3a2222) !important;
  border-color:rgba(239,68,68,.4) !important; color:#fca5a5 !important;
}
html.theme-skeuo.ae-dark-mode #alpha-report-icon{
  background:linear-gradient(180deg,#3a2828,#2a1c1c) !important;
  border:1px solid rgba(239,68,68,.28) !important; color:#f87171 !important;
  box-shadow:inset 0 1px 0 rgba(255,200,200,.06),0 2px 5px rgba(0,0,0,.4) !important;
}
html.theme-skeuo.ae-dark-mode #alpha-report-title,
html.theme-skeuo.ae-dark-mode #alpha-success-title{
  color:#f1e6cd !important; text-shadow:0 1px 2px rgba(0,0,0,.5) !important;
}
html.theme-skeuo.ae-dark-mode #alpha-report-subtitle,
html.theme-skeuo.ae-dark-mode #alpha-success-desc{color:#b3a684 !important;}
html.theme-skeuo.ae-dark-mode #alpha-report-text{
  background:linear-gradient(180deg,#181009,#211810) !important;
  border:1px solid rgba(255,214,150,.14) !important; color:#ece2cc !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode #alpha-report-text:focus{
  border-color:rgba(239,68,68,.45) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.45),0 0 0 3px rgba(239,68,68,.15) !important;
}
html.theme-skeuo.ae-dark-mode #alpha-report-charcount{color:#8a7d62 !important;}
html.theme-skeuo.ae-dark-mode #alpha-report-cancel{
  background:linear-gradient(180deg,#3a3329,#2a2419) !important;
  border:1px solid rgba(255,214,150,.18) !important; color:#cbbf9e !important;
  text-shadow:0 1px 1px #000 !important;
}
html.theme-skeuo.ae-dark-mode #alpha-report-cancel:hover{
  background:linear-gradient(180deg,#443a2e,#332820) !important; color:#ece2cc !important;
}
html.theme-skeuo.ae-dark-mode #alpha-report-submit{
  background:linear-gradient(180deg,#ff6a5e,#c8231b) !important;
  border:1px solid #7e120c !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.35),0 3px 10px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode #alpha-success-close{
  background:linear-gradient(180deg,#38b86a,#1f8a4a) !important;
  border:1px solid #146b38 !important;
}

/* ═══ TRANG LIÊN HỆ — form (.ct-panel) NẰM TRỰC TIẾP trên nền gỗ như theme gốc;
   CHỈ .ct-side (Giải đáp thắc mắc) là card. Đừng bọc form trong cream box. */
html.theme-skeuo body main.page-contact .ct-panel{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  border-radius:0 !important; padding:0 !important; overflow:visible !important; outline:none !important;
}
html.theme-skeuo body main.page-contact .ct-panel .ct-head,
html.theme-skeuo body main.page-contact .ct-panel .head,
html.theme-skeuo body main.page-contact .ct-form,
html.theme-skeuo body main.page-contact .ct-form .inner,
html.theme-skeuo body main.page-contact .ct-form .form-gr,
html.theme-skeuo body main.page-contact .ct-form .form-ip,
html.theme-skeuo body main.page-contact .ct-form .wpcf7,
html.theme-skeuo body main.page-contact .ct-form .wpcf7-form{
  background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;
  padding:0 !important;
}
/* Tiêu đề form = đúng theme gốc (clamp 2.7→4rem), KHÔNG serif nhỏ trong hộp */
html.theme-skeuo body main.page-contact .ct-panel .head.gap{ margin-bottom:4rem !important; }
@media screen and (max-width:1200px){
  html.theme-skeuo body main.page-contact .ct-panel .head.gap{ margin-bottom:2.4rem !important; }
}
html.theme-skeuo body main.page-contact .ct-panel .t-title{
  font-family:inherit !important;
  font-size:clamp(2.7rem,calc(1.9541rem + 1.0656vw),4rem) !important;
  font-weight:700 !important; line-height:1.15 !important; text-wrap:pretty !important;
  margin:0 !important; text-shadow:none !important;
}
html.theme-skeuo:not(.ae-dark-mode) body main.page-contact .ct-panel .t-title{ color:var(--color-tt,#15191e) !important; }
html.theme-skeuo:not(.ae-dark-mode) body main.page-contact .ct-panel .t-title .c-sec{ color:var(--color-sec,#ed1c24) !important; }
html.theme-skeuo.ae-dark-mode body main.page-contact .ct-panel .t-title{ color:#f1e6cd !important; }
html.theme-skeuo.ae-dark-mode body main.page-contact .ct-panel .t-title .c-sec{ color:#ff4d55 !important; }

/* Sidebar Giải đáp thắc mắc — MỘT card (giữ skeuo), inner transparent */
html.theme-skeuo:not(.ae-dark-mode) body main.page-contact .ct-side{
  background:linear-gradient(180deg,#fffefb,#f9f6ee) !important;
  border:1px solid rgba(21,25,30,.85) !important; border-radius:1.6rem !important;
  box-shadow:0 1px 1px rgba(0,0,0,.06),0 12px 28px -14px rgba(80,60,20,.35),inset 0 1px 0 #fff !important;
  padding:2.4rem !important; overflow:hidden !important;
}
html.theme-skeuo.ae-dark-mode body main.page-contact .ct-side{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border:1px solid rgba(255,214,150,.14) !important; border-radius:16px !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.10),0 16px 34px -14px rgba(0,0,0,.7) !important;
  padding:2.4rem !important; overflow:hidden !important;
}
html.theme-skeuo body main.page-contact .ct-side .b-inner,
html.theme-skeuo body main.page-contact .ct-side .t-head,
html.theme-skeuo body main.page-contact .ct-side .t-mid{
  background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;
  padding:0 !important;
}
html.theme-skeuo body main.page-contact .ct-side .t-head .txt{
  font-family:inherit !important;
  font-size:clamp(1.7rem,calc(1.2984rem + 0.5738vw),2.4rem) !important;
  font-weight:600 !important; line-height:1.25 !important; text-shadow:none !important;
}
html.theme-skeuo:not(.ae-dark-mode) body main.page-contact .ct-side .t-head .txt{ color:var(--color-tt,#15191e) !important; }
html.theme-skeuo.ae-dark-mode body main.page-contact .ct-side .t-head .txt{ color:#f1e6cd !important; }
html.theme-skeuo:not(.ae-dark-mode) body main.page-contact .ct-side .t-des,
html.theme-skeuo:not(.ae-dark-mode) body main.page-contact .ct-side .text-link,
html.theme-skeuo:not(.ae-dark-mode) body main.page-contact .ct-side .t-link{
  color:var(--color-tt,#15191e) !important;
}
html.theme-skeuo:not(.ae-dark-mode) body main.page-contact .ct-side .text-link.t20{
  color:var(--color-tt,#15191e) !important; font-weight:600 !important; font-size:1.6rem !important;
}
html.theme-skeuo.ae-dark-mode body main.page-contact .ct-side .t-des,
html.theme-skeuo.ae-dark-mode body main.page-contact .ct-side .text-link,
html.theme-skeuo.ae-dark-mode body main.page-contact .ct-side .t-link{
  color:#cbbf9e !important;
}
html.theme-skeuo.ae-dark-mode body main.page-contact .ct-side .text-link.t20{
  color:#ffd9a0 !important; font-size:1.15rem !important;
}
/* CF7 — full width trên nền gỗ, ô trắng như theme gốc (1.6rem / 4.8rem) */
html.theme-skeuo body main.page-contact .ct-form .form-list .form-ip .text{
  font-size:1.6rem !important; font-weight:600 !important; line-height:1.4 !important;
  display:block !important; margin-bottom:0.4rem !important;
}
html.theme-skeuo:not(.ae-dark-mode) body main.page-contact .ct-form .form-list .form-ip .text{ color:var(--color-tt,#15191e) !important; }
html.theme-skeuo.ae-dark-mode body main.page-contact .ct-form .form-list .form-ip .text{ color:#f1e6cd !important; }
html.theme-skeuo body main.page-contact .ct-form .form-list.row{
  --cg:3.2rem !important; --rg:3.2rem !important;
  display:flex !important; flex-wrap:wrap !important;
  margin:0 calc(var(--cg) / 2 * -1) calc(var(--rg) * -1) !important;
}
@media screen and (max-width:1200px){
  html.theme-skeuo body main.page-contact .ct-form .form-list.row{ --cg:1.2rem !important; --rg:1.2rem !important; }
}
html.theme-skeuo body main.page-contact .ct-form .form-list .col{
  padding:0 calc(var(--cg,3.2rem) / 2) !important;
  margin-bottom:var(--rg,3.2rem) !important;
}
html.theme-skeuo body main.page-contact .ct-form .form-list .col.col-6{ width:50% !important; }
html.theme-skeuo body main.page-contact .ct-form .form-list .col:not(.col-6){ width:100% !important; }
html.theme-skeuo body main.page-contact .ct-form .wpcf7-form-control-wrap{
  display:block !important; width:100% !important; box-sizing:border-box !important;
}
html.theme-skeuo body main.page-contact .ct-form input.wpcf7-form-control:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),
html.theme-skeuo body main.page-contact .ct-form textarea.wpcf7-form-control,
html.theme-skeuo body main.page-contact .ct-form select{
  width:100% !important; height:4.8rem !important; min-height:4.8rem !important;
  padding:0 1.6rem !important; font-size:1.6rem !important; font-weight:500 !important;
  line-height:normal !important; box-sizing:border-box !important; border-radius:0.8rem !important;
}
html.theme-skeuo:not(.ae-dark-mode) body main.page-contact .ct-form input.wpcf7-form-control:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),
html.theme-skeuo:not(.ae-dark-mode) body main.page-contact .ct-form textarea.wpcf7-form-control,
html.theme-skeuo:not(.ae-dark-mode) body main.page-contact .ct-form select{
  background:#fff !important; border:0.1rem solid #d8dce3 !important;
  box-shadow:none !important; color:var(--color-tt,#15191e) !important;
}
html.theme-skeuo body main.page-contact .ct-form textarea.wpcf7-form-control{
  height:8rem !important; min-height:8rem !important; padding:1.6rem !important;
}
html.theme-skeuo body main.page-contact .ct-form .form-list{ margin-bottom:0 !important; }
html.theme-skeuo body main.page-contact .ct-row{ --bs-gutter-x:2.4rem !important; row-gap:2.4rem !important; }
@media screen and (max-width:1200px){
  html.theme-skeuo:not(.ae-dark-mode) body main.page-contact .ct-side{ padding:1.2rem !important; }
}

/* Map overlay "ĐỊA CHỈ CỦA CHÚNG TÔI" (.ctm-panel) — MỘT card, bỏ .b-panel cream lồng */
html.theme-skeuo:not(.ae-dark-mode) body .ctm-panel{
  background:linear-gradient(180deg,#fffefb,#f4ecd8) !important;
  border:1px solid #e0d4b2 !important; border-radius:16px !important;
  box-shadow:0 16px 34px -14px rgba(80,60,20,.4),inset 0 1px 0 #fff !important;
  overflow:hidden !important; outline:none !important;
}
html.theme-skeuo.ae-dark-mode body .ctm-panel{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border:1px solid rgba(255,214,150,.14) !important; border-radius:16px !important;
  box-shadow:0 16px 34px -12px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,236,200,.06) !important;
  overflow:hidden !important; outline:none !important;
}
html.theme-skeuo body .ctm-panel .b-panel,
html.theme-skeuo body .ctm-panel .b-box,
html.theme-skeuo body .ctm-panel .t-head,
html.theme-skeuo body .ctm-panel .t-gr,
html.theme-skeuo body .ctm-panel .phone-gr,
html.theme-skeuo body .ctm-panel .head{
  background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;
}
html.theme-skeuo:not(.ae-dark-mode) body .ctm-panel .t-title{
  font-family:Georgia,'Times New Roman',serif !important;
  color:#2f2a22 !important; text-shadow:0 1px 0 #fff !important;
}
html.theme-skeuo:not(.ae-dark-mode) body .ctm-panel .text-link,
html.theme-skeuo:not(.ae-dark-mode) body .ctm-panel .t-link,
html.theme-skeuo:not(.ae-dark-mode) body .ctm-panel .txt{
  color:#5a5142 !important;
}
html.theme-skeuo.ae-dark-mode body .ctm-panel .t-title{
  font-family:Georgia,'Times New Roman',serif !important;
  color:#f1e6cd !important; text-shadow:0 1px 2px rgba(0,0,0,.5) !important;
}
html.theme-skeuo.ae-dark-mode body .ctm-panel .text-link,
html.theme-skeuo.ae-dark-mode body .ctm-panel .t-link,
html.theme-skeuo.ae-dark-mode body .ctm-panel .txt{
  color:#cbbf9e !important;
}

/* ══════════════════════════════════════════════════════════════════
   WRITING AI FEEDBACK — /tai-khoan/lich-su/ (skeuo ONLY)
   Flat mode giữ nguyên style tím trong monawoo-history.php.
   Skeuo: bớt box-in-box + border lồng trên nền cream/walnut. ══════════════ */
html.theme-skeuo body.woocommerce-lich-su .vlg-panel .vlg-boxed,
html.theme-skeuo body.woocommerce-lich-su .vlg-boxed .b-content,
html.theme-skeuo body.woocommerce-lich-su .vlg-boxed .b-inner,
html.theme-skeuo body.woocommerce-lich-su .vlg-boxed .b-flex,
html.theme-skeuo body.woocommerce-lich-su .vlg-boxed .m-col,
html.theme-skeuo body.woocommerce-lich-su .tcus-review,
html.theme-skeuo body.woocommerce-lich-su .tcus-review .alpha-ai-review-content{
  background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;
}
html.theme-skeuo body.woocommerce-lich-su .vlg-boxed .b-head{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  border-bottom:1px solid rgba(120,90,40,.14) !important; border-radius:0 !important;
}
html.theme-skeuo body.woocommerce-lich-su .vlg-boxed .b-head .txt{
  color:#3a2a08 !important; font-weight:700 !important;
}
/* Band table đã có trong HTML review → ẩn collapse TR/CC/LR/GRA trùng lặp */
html.theme-skeuo body.woocommerce-lich-su .b-inner:has(.alpha-ai-review-content .ai-band-table) > .vlg-colapse{
  display:none !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-report-container{
  border-top:1px solid rgba(120,90,40,.14) !important; padding-top:10px !important; margin-top:12px !important;
}
/* AI review — cream/navy thay purple flat tiles */
html.theme-skeuo .alpha-ai-review-content{ color:#3a342b !important; }
html.theme-skeuo .alpha-ai-review-content h3{
  border-bottom:0 !important; color:#3a2a08 !important;
  font-size:16px !important; font-weight:700 !important;
  margin:22px 0 10px !important; padding:0 !important;
}
html.theme-skeuo .alpha-ai-review-content .ai-overview-box{
  background:rgba(0,64,128,.06) !important; border:0 !important;
  border-left:3px solid #004080 !important; border-radius:0 8px 8px 0 !important;
  padding:10px 14px !important; margin-bottom:16px !important;
}
html.theme-skeuo .alpha-ai-review-content .ai-overview-box .ai-overview-title{ color:#004080 !important; }
html.theme-skeuo .alpha-ai-review-content .ai-overview-box .ai-overview-text{ color:#4a4438 !important; }
html.theme-skeuo .alpha-ai-review-content .ai-section-title{
  color:#1a6b38 !important; margin:16px 0 8px !important; font-size:14px !important;
}
html.theme-skeuo .alpha-ai-review-content .ai-correction-item{ margin-bottom:14px !important; }
html.theme-skeuo .alpha-ai-review-content .ai-original{ color:#3a342b !important; font-weight:600 !important; }
html.theme-skeuo .alpha-ai-review-content .ai-corrected{
  background:rgba(0,64,128,.05) !important; border:0 !important;
  border-left:2px solid rgba(0,64,128,.35) !important;
  margin:4px 0 !important; padding:6px 10px !important; border-radius:0 6px 6px 0 !important;
  color:#2f2a22 !important;
}
html.theme-skeuo .alpha-ai-review-content .ai-note{ color:#6a6254 !important; }
html.theme-skeuo .alpha-ai-review-content .ai-note-correct{ color:#1a6b38 !important; }
html.theme-skeuo .alpha-ai-review-content .ai-band-table{
  border-collapse:collapse !important; border:0 !important; margin:10px 0 !important;
}
html.theme-skeuo .alpha-ai-review-content .ai-band-table thead tr{
  background:linear-gradient(180deg,#004080,#003366) !important; color:#fff !important;
}
html.theme-skeuo .alpha-ai-review-content .ai-band-table th,
html.theme-skeuo .alpha-ai-review-content .ai-band-table td{
  border:0 !important; border-bottom:1px solid rgba(120,90,40,.12) !important;
  padding:8px 12px !important;
}
html.theme-skeuo .alpha-ai-review-content .ai-band-table .band-score{
  color:#004080 !important; font-size:17px !important;
}
html.theme-skeuo .alpha-ai-review-content .ai-band-table .band-feedback{
  color:#5a5142 !important; font-size:13px !important;
}
html.theme-skeuo .alpha-ai-review-content .ai-band-table .ai-overall-row{
  background:rgba(0,64,128,.07) !important;
}
html.theme-skeuo .alpha-ai-review-content .ai-band-table .ai-overall-row .band-score{
  color:#003366 !important; font-size:18px !important;
}
html.theme-skeuo .alpha-ai-review-content .ai-band-table tbody tr:nth-child(even){
  background:rgba(0,64,128,.025) !important;
}
html.theme-skeuo .alpha-ai-review-content .ai-checklist{
  margin:6px 0 !important; padding-left:18px !important; line-height:1.7 !important;
}
html.theme-skeuo .alpha-ai-review-content .ai-penalties{
  background:rgba(185,28,28,.06) !important; border:0 !important;
  border-left:3px solid #b91c1c !important; border-radius:0 6px 6px 0 !important;
  padding:8px 12px !important;
}
html.theme-skeuo .alpha-ai-review-content .ai-penalties p{ color:#991b1b !important; }
html.theme-skeuo .alpha-ai-review-content .ai-penalties ul{ color:#7f1d1d !important; }
/* Dark skeuo */
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .vlg-boxed .b-head{
  border-bottom-color:rgba(255,214,150,.14) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .vlg-boxed .b-head .txt{ color:#f1e6cd !important; }
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .alpha-report-container{
  border-top-color:rgba(255,214,150,.14) !important;
}
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content{ color:#ecdfc4 !important; }
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content h3{ color:#f1e6cd !important; }
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-overview-box{
  background:rgba(0,64,128,.18) !important; border-left-color:#6ba3d6 !important;
}
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-overview-box .ai-overview-title{ color:#a8cce8 !important; }
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-overview-box .ai-overview-text{ color:#d8cba8 !important; }
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-section-title{ color:#86efac !important; }
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-original{ color:#f1e6cd !important; }
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-corrected{
  background:rgba(0,64,128,.15) !important; border-left-color:rgba(107,163,214,.5) !important; color:#ecdfc4 !important;
}
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-note{ color:#bcae8c !important; }
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-band-table th,
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-band-table td{
  border-bottom-color:rgba(255,214,150,.1) !important;
}
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-band-table thead tr{
  background:linear-gradient(180deg,#1a3d5c,#0f2840) !important;
}
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-band-table .band-score{ color:#a8cce8 !important; }
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-band-table .band-feedback{ color:#d8cba8 !important; }
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-band-table .ai-overall-row{
  background:rgba(0,64,128,.2) !important;
}
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-band-table tbody tr:nth-child(even){
  background:rgba(255,214,150,.04) !important;
}
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-penalties{
  background:rgba(185,28,28,.12) !important; border-left-color:#f87171 !important;
}
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-penalties p{ color:#fca5a5 !important; }
html.theme-skeuo.ae-dark-mode .alpha-ai-review-content .ai-penalties ul{ color:#fecaca !important; }

/* ══════════════════════════════════════════════════════════════════
   WRITING HISTORY — score ring + AI grading controls (skeuo ONLY)
   Flat giữ style tím inline trong monawoo-history.php. ══════════════ */
/* Chapters chờ chấm — cream card thay white/purple flat */
html.theme-skeuo body.woocommerce-lich-su .hisdetail-wrsp-waitting{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e6dcbe !important;
  box-shadow:inset 0 1px 0 #fff,0 8px 20px -10px rgba(80,60,20,.28) !important;
  border-radius:16px !important;
}
html.theme-skeuo body.woocommerce-lich-su .hisdetail-wrsp-waitting .wrsp-waitting-title .t-title-area-primary{
  color:#3a2a08 !important; font-family:Georgia,'Times New Roman',serif !important;
}
html.theme-skeuo body.woocommerce-lich-su .hisdetail-wrsp-waitting .wrsp-waitting-description{
  color:#5a5142 !important;
}
html.theme-skeuo body.woocommerce-lich-su .hisdetail-wrsp-waitting .wrsp-waitting-description .highlight-blog{
  color:#004080 !important;
}
/* Lượt chấm AI + action box — cream paper, override inline purple */
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-daily-box,
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-action-box{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e6dcbe !important;
  box-shadow:inset 0 1px 0 #fff,0 8px 20px -10px rgba(80,60,20,.28) !important;
  border-radius:14px !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-icon-badge{
  background:linear-gradient(180deg,#004080,#003366) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 6px rgba(0,0,0,.25) !important;
  border-radius:10px !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-label{ color:#004080 !important; }
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-count{ color:#3a2a08 !important; }
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-sublabel{ color:#5a5142 !important; }
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-remaining{ color:#004080 !important; }
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-reset{ color:#8a8170 !important; }
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-bar-bg{
  background:#e6dcc0 !important; border-radius:999px !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.22),inset 0 -1px 0 rgba(255,255,255,.35) !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-bar-bg > div{
  background:linear-gradient(180deg,#004080,#003366) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35) !important; border-radius:999px !important;
}
/* Admin batch grading panel */
html.theme-skeuo body.woocommerce-lich-su .alpha-gemini-batch-grading{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e6dcbe !important; backdrop-filter:none !important;
  box-shadow:inset 0 1px 0 #fff,0 8px 20px -10px rgba(80,60,20,.28) !important;
  border-radius:14px !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-gemini-batch-grading h4{
  color:#3a2a08 !important; font-family:Georgia,'Times New Roman',serif !important;
}
/* Gel buttons — navy primary, cream outline */
html.theme-skeuo body.woocommerce-lich-su .alpha-gemini-btn.btn-writing-all,
html.theme-skeuo body.woocommerce-lich-su .alpha-gemini-grade-writing-btn-fe.alpha-ai-btn-primary,
html.theme-skeuo body.woocommerce-lich-su button.alpha-ai-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 6px rgba(0,0,0,.28) !important;
  border-radius:10px !important; text-shadow:0 1px 1px rgba(0,0,0,.25) !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-gemini-btn.btn-writing-part,
html.theme-skeuo body.woocommerce-lich-su .alpha-gemini-btn.btn-writing-regraded,
html.theme-skeuo body.woocommerce-lich-su .alpha-gemini-grade-writing-btn-fe.alpha-ai-btn-outline,
html.theme-skeuo body.woocommerce-lich-su button.alpha-ai-btn-outline{
  background:linear-gradient(180deg,#fffefb,#f4ecd8) !important; color:#004080 !important;
  border:1px solid #c8b888 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(80,60,20,.15) !important;
  border-radius:10px !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-gemini-btn.btn-writing-exhausted{
  background:linear-gradient(180deg,#ece8df,#ddd6c8) !important; color:#8a8170 !important;
  border:1px solid #c8bfb0 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.5) !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-gemini-btn.btn-speaking-all{
  background:linear-gradient(180deg,#1a6b38,#145a2e) !important; color:#fff !important;
  border:1px solid #0f4523 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 6px rgba(0,0,0,.28) !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-gemini-btn.btn-speaking-part{
  background:linear-gradient(180deg,#e8f5ec,#d4ecd9) !important; color:#145a2e !important;
  border:1px solid #a8d4b4 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(20,90,46,.12) !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-gemini-btn.btn-speaking-regraded{
  background:linear-gradient(180deg,#fef6e4,#f8ecd0) !important; color:#7a5208 !important;
  border:1px solid #e6c878 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(120,80,8,.12) !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-gemini-btn:hover{
  transform:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 10px rgba(0,0,0,.22) !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-gemini-btn:active{
  box-shadow:inset 0 2px 5px rgba(0,0,0,.35) !important; transform:translateY(.5px) !important;
}
/* AI credit panel trên lịch sử — ghi đè inline tím trong monawoo-history.php */
html.theme-skeuo body.woocommerce-lich-su .ai-writing-credit-panel .progress-bar-container{
  background:#e6dcc0 !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.22),inset 0 -1px 0 rgba(255,255,255,.35) !important;
  border-radius:999px !important;
}
html.theme-skeuo body.woocommerce-lich-su .ai-writing-credit-panel .progress-bar::before{
  background:linear-gradient(90deg,#004080,#003366) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35) !important;
}
html.theme-skeuo body.woocommerce-lich-su .ai-writing-credit-panel .footer-note .note-icon{
  background:linear-gradient(180deg,#004080,#003366) !important;
  border-radius:3px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28) !important;
}
html.theme-skeuo body.woocommerce-lich-su .ai-writing-credit-panel .trml-icon{
  background:linear-gradient(180deg,#004080,#003366) !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-daily-box[style],
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-action-box[style]{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e6dcbe !important;
  box-shadow:inset 0 1px 0 #fff,0 8px 20px -10px rgba(80,60,20,.28) !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-bar-bg[style]{
  background:#e6dcc0 !important;
  border-radius:999px !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.22),inset 0 -1px 0 rgba(255,255,255,.35) !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-bar-bg[style] > div[style]{
  background:linear-gradient(180deg,#004080,#003366) !important;
  border-radius:999px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35) !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-icon-badge[style]{
  background:linear-gradient(180deg,#004080,#003366) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 6px rgba(0,0,0,.25) !important;
}
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-daily-box [style*="color:#5B21B6"],
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-action-box [style*="color:#5B21B6"],
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-daily-box [style*="color:#8B5CF6"],
html.theme-skeuo body.woocommerce-lich-su .alpha-ai-action-box [style*="color:#8B5CF6"]{
  color:#004080 !important;
}
/* respo-skill — WRITTING + Task puck + Your answer (trước/sau chấm GV) */
html.theme-skeuo body.woocommerce-lich-su .respo-skill{
  margin:1.2rem 0 2.4rem !important;
}
html.theme-skeuo body.woocommerce-lich-su .respo-skill .respo-top{
  margin:0 !important; padding:0 !important; line-height:1 !important;
}
html.theme-skeuo body.woocommerce-lich-su .respo-skill .respo-title{
  display:inline-block !important; width:auto !important; max-width:none !important;
  background:linear-gradient(180deg,#004080,#003366) !important;
  color:#fff !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-weight:700 !important; font-size:13px !important;
  letter-spacing:.08em !important; text-transform:uppercase !important;
  padding:10px 22px 9px !important;
  border:1px solid #002952 !important; border-bottom:0 !important;
  border-radius:10px 10px 0 0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 2px 4px rgba(0,0,0,.18) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.25) !important;
}
html.theme-skeuo body.woocommerce-lich-su .respo-skill .respo-bottom{
  background:linear-gradient(180deg,#fffefb,#f4ecd8) !important;
  border:1px solid #e6dcbe !important;
  border-radius:0 14px 14px 14px !important;
  box-shadow:inset 0 1px 0 #fff,0 8px 20px -10px rgba(80,60,20,.28) !important;
  padding:18px 20px 20px !important;
}
html.theme-skeuo body.woocommerce-lich-su .respo-skill .respo-ids{
  display:flex !important; flex-wrap:wrap !important; align-items:center !important;
  gap:10px !important; margin:0 0 16px !important; padding:0 !important;
}
html.theme-skeuo body.woocommerce-lich-su .respo-skill .respo-id{
  width:52px !important; height:52px !important; flex-shrink:0 !important;
  background:linear-gradient(180deg,#e6e6e8,#c8c8cc) !important;
  border:1px solid #a8a8ac !important; border-radius:50% !important;
  color:#5a5a5c !important; font-weight:700 !important; font-size:18px !important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.35),0 2px 4px rgba(60,40,10,.12) !important;
  transition:background .15s ease,box-shadow .15s ease,color .15s ease !important;
}
html.theme-skeuo body.woocommerce-lich-su .respo-skill .respo-id:hover:not(.open){
  background:linear-gradient(180deg,#f0f0f2,#d4d4d8) !important; color:#4a4a4c !important;
}
html.theme-skeuo body.woocommerce-lich-su .respo-skill .respo-id.open{
  background:linear-gradient(180deg,#004080,#003366) !important;
  border-color:#002952 !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 3px 8px rgba(0,48,96,.32) !important;
}
html.theme-skeuo body.woocommerce-lich-su .respo-skill .respo-id.open::before{
  display:none !important;
}
html.theme-skeuo body.woocommerce-lich-su .respo-skill .respo-id i.fa-check{
  position:absolute !important; top:-4px !important; right:-4px !important;
  width:18px !important; height:18px !important; font-size:9px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background:linear-gradient(180deg,#7fe08a,#2fae4e) !important; color:#fff !important;
  border-radius:50% !important; border:1px solid #1a8038 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.2) !important;
  z-index:2 !important;
}
html.theme-skeuo body.woocommerce-lich-su .respo-skill .respo-writting{
  margin:0 !important;
  background:
    repeating-linear-gradient(0deg,transparent 0 27px,rgba(120,90,40,.055) 27px 28px),
    linear-gradient(180deg,#fffefb,#faf6ea) !important;
  border:1px solid #ddd0b8 !important; border-radius:10px !important;
  box-shadow:inset 0 2px 8px rgba(120,90,40,.08),inset 0 1px 0 #fff !important;
  overflow:hidden !important;
}
html.theme-skeuo body.woocommerce-lich-su .respo-skill .respo-writting .respo-writting-title{
  background:linear-gradient(180deg,#f4ecd8,#e8dcc0) !important;
  border-bottom:1px solid #ddd0b8 !important;
  color:#3a2a08 !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-weight:700 !important; padding:12px 16px !important;
}
html.theme-skeuo body.woocommerce-lich-su .respo-skill .respo-writting .respo-writting-essay{
  padding:16px 18px 18px 24px !important;
  color:#3a342b !important;
  font-family:Georgia,'Times New Roman',serif !important;
  line-height:1.65 !important; min-height:120px !important;
  border-left:2px solid rgba(185,28,28,.15) !important;
  margin-left:16px !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .respo-skill .respo-title{
  background:linear-gradient(180deg,#1a4a70,#123558) !important;
  border-color:rgba(107,163,214,.25) !important; color:#e8f0f8 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .respo-skill .respo-bottom{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border-color:rgba(255,214,150,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.06),0 10px 24px -12px rgba(0,0,0,.65) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .respo-skill .respo-id{
  background:linear-gradient(180deg,#4a4038,#3a3228) !important;
  border-color:rgba(255,214,150,.12) !important; color:#9a9080 !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,236,200,.05) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .respo-skill .respo-id.open{
  background:linear-gradient(180deg,#1a4a70,#123558) !important;
  border-color:rgba(107,163,214,.3) !important; color:#e8f0f8 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .respo-skill .respo-writting{
  background:
    repeating-linear-gradient(0deg,transparent 0 27px,rgba(255,214,150,.05) 27px 28px),
    linear-gradient(180deg,#2f2820,#241e16) !important;
  border-color:rgba(255,214,150,.14) !important;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.25) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .respo-skill .respo-writting .respo-writting-title{
  background:linear-gradient(180deg,#3a3228,#2f2820) !important;
  border-bottom-color:rgba(255,214,150,.12) !important; color:#f1e6cd !important;
}
html.theme-skeuo.ae-dark-mode body .woocommerce-lich-su .respo-skill .respo-writting .respo-writting-essay{
  color:#d8cba8 !important; border-left-color:rgba(248,113,113,.2) !important;
}

/* ═══ Lịch sử detail — TỔNG QUAN: chỉ skeuo paint, giữ layout flat (template/css/style.css) ═══ */
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view,
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .b-py,
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .b-block,
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .b-inner{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .b-box{
  background:linear-gradient(180deg,#fffefb,#f8f2e2) !important;
  border:1px solid #e6dcbe !important;
  box-shadow:0 1px 1px rgba(0,0,0,.06),0 10px 24px -14px rgba(80,60,20,.35),inset 0 1px 0 #fff !important;
  border-radius:16px !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .b-box .t-top{
  color:#3a2a08 !important; border-bottom-color:#e0d4b2 !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .b-box .t-panel{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-edt > .t-top,
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-ans > .t-top{
  background:linear-gradient(180deg,#faf4e4,#f0e6cc) !important;
  border:1px solid #e6dcbe !important; border-bottom:1px solid #e0d4b2 !important;
  color:#3a2a08 !important; font-weight:700 !important;
  box-shadow:inset 0 1px 0 #fff !important;
  border-radius:16px 16px 0 0 !important;
  margin:0 !important;
  padding:14px 20px !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .panel-top,
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .panel-top .b-box,
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .panel-top .b-list{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  border-radius:0 !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .panel-top .b-box{
  padding:0 !important; height:auto !important;
}
/* cir-gr score — phẳng, không container inset */
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  border-radius:0 !important; padding:0 !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .t-info .txt{
  color:#5a5142 !important;
}
html.theme-skeuo:not(.ae-dark-mode) body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .t-info .text,
html.theme-skeuo:not(.ae-dark-mode) body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .t-info .text span,
html.theme-skeuo:not(.ae-dark-mode) body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .t-info .c-pri{
  color:#ed1c24 !important; -webkit-text-fill-color:#ed1c24 !important; font-weight:600 !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .panel-top .circle-svg.half .t-pos .txt{
  color:#5a5142 !important;
}
html.theme-skeuo:not(.ae-dark-mode) body.woocommerce-lich-su .acc-panel .acc-view .panel-top .circle-svg.half .t-pos .num{
  color:#ed1c24 !important; -webkit-text-fill-color:#ed1c24 !important; font-weight:700 !important;
}

/* Progress ring skeuo — groove track + glossy fill + recessed dial */
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .circle-svg,
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .panel-top .circle-svg.half,
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-score .circle-svg{
  position:relative !important; isolation:isolate !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .circle-svg svg,
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .panel-top .circle-svg.half svg,
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-score .circle-svg svg{
  position:relative !important; z-index:1 !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .circle-svg .t-info{
  position:relative !important; z-index:2 !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .panel-top .circle-svg .t-pos,
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-score .circle-svg .t-pos{
  z-index:2 !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .circle-svg.full::before,
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-score .circle-svg.full::before{
  content:'' !important; position:absolute !important; inset:0 !important; border-radius:50% !important;
  background:radial-gradient(circle at 50% 35%,#faf4e4 0%,#ebe0c8 52%,#d8ccb0 100%) !important;
  box-shadow:inset 0 2px 6px rgba(80,60,20,.3),inset 0 -1px 0 rgba(255,255,255,.6),0 1px 0 rgba(255,255,255,.4) !important;
  z-index:0 !important; pointer-events:none !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .progress-bar__background,
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .panel-top .circle-svg.half .progress-bar__background,
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-score .progress-bar__background{
  stroke:#d4c4a0 !important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.55)) drop-shadow(0 -1px 1px rgba(80,60,20,.22)) !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .progress-bar__progress{
  stroke:#0a8f58 !important;
  filter:drop-shadow(0 1px 1px rgba(255,255,255,.35)) drop-shadow(0 2px 3px rgba(6,118,71,.45)) !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .panel-top .circle-svg.half .progress-bar__progress,
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-score .progress-bar__progress{
  stroke:#004080 !important;
  filter:drop-shadow(0 1px 1px rgba(255,255,255,.35)) drop-shadow(0 2px 4px rgba(0,64,128,.42)) !important;
}
html.theme-skeuo:not(.ae-dark-mode) body.woocommerce-lich-su .fb-vlg .vlg-score .t-pos .c-second,
html.theme-skeuo:not(.ae-dark-mode) body.woocommerce-lich-su .fb-vlg .vlg-score .t-pos .text .c-second{
  color:#ed1c24 !important; -webkit-text-fill-color:#ed1c24 !important; font-weight:700 !important;
}

html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .panel-top .t-igr .t-gr .txt{
  color:#7a7160 !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .panel-top .t-igr .t-gr .text{
  color:#2f2a22 !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-edt > .b-row{
  background:linear-gradient(180deg,#fffefb,#f8f2e2) !important;
  border:1px solid #e6dcbe !important; border-top:0 !important;
  border-radius:0 0 16px 16px !important;
  box-shadow:0 10px 24px -14px rgba(80,60,20,.35),inset 0 1px 0 #fff !important;
  align-items:stretch !important; margin:0 !important;
  padding:1.2rem !important;
}
/* Chi tiết bài thi — stat chips phẳng, không container (giống flat) */
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-gr,
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-cgr{
  background:transparent !important; border:0 !important;
  box-shadow:none !important; border-radius:0 !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-gr .txt{
  color:#2f2a22 !important;
}
/* Chi tiết bài thi — icon tròn skeuo (stat chips trái) */
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-gr .icon{
  background:linear-gradient(180deg,#fffefb,#ebe0c8) !important;
  border:1px solid #e0d4b2 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -2px 4px rgba(80,60,20,.1),0 3px 8px -2px rgba(80,60,20,.2) !important;
  box-sizing:border-box !important; flex-shrink:0 !important;
}
/* Chi tiết bài thi — label + value đúng 2 hàng desktop (flat + skeuo) */
@media (min-width:769px){
  body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-gr{
    min-width:0 !important;
  }
  body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-gr .icon{
    box-sizing:border-box !important; flex-shrink:0 !important;
  }
  body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-gr .t-gr{
    flex:1 1 auto !important; min-width:0 !important; gap:0.2rem !important;
  }
  body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-gr .t-gr .txt{
    display:block !important; white-space:nowrap !important; line-height:1.35 !important;
  }
  body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-cgr .t-gr .text,
  body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-cgr .t-gr .txt{
    white-space:nowrap !important; line-height:1.35 !important;
  }
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-cgr.is-true .icon{
  background:linear-gradient(180deg,#86efac,#22c55e) !important;
  border:1px solid rgba(20,100,50,.35) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 4px rgba(0,0,0,.15),0 3px 8px -2px rgba(20,100,50,.35) !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-cgr.is-false .icon{
  background:linear-gradient(180deg,#fca5a5,#ef4444) !important;
  border:1px solid rgba(120,20,15,.35) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.15),0 3px 8px -2px rgba(120,20,15,.3) !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-cgr.is-next .icon{
  background:linear-gradient(180deg,#fdba74,#f97316) !important;
  border:1px solid rgba(120,50,10,.35) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.15),0 3px 8px -2px rgba(120,50,10,.3) !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-ans > .t-top{
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  flex-wrap:wrap !important; gap:12px !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-ans .t-top-btn .btn{
  background:linear-gradient(180deg,#c44a3a,#8e2218) !important;
  border:1px solid #6b1612 !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 3px 8px rgba(110,30,20,.28) !important;
  border-radius:999px !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-ans .b-ctn{
  background:linear-gradient(180deg,#fffefb,#f8f2e2) !important;
  border:1px solid #e6dcbe !important; border-top:0 !important;
  border-radius:0 0 16px 16px !important;
  box-shadow:0 10px 24px -14px rgba(80,60,20,.35),inset 0 1px 0 #fff !important;
  margin:0 !important;
  padding:1.2rem !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-ans .b-part .t-part{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  border-radius:0 !important; margin-bottom:1.2rem !important; color:#3a2a08 !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .acc-ans .b-part:not(:last-child){
  padding-bottom:1.2rem !important; border-bottom:1px solid #f2f3f5 !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .hist-back-btn{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  gap:6px !important; padding:12px 32px !important; border-radius:999px !important;
  font-family:"Plus Jakarta Sans",sans-serif !important; font-size:16px !important;
  font-weight:700 !important; line-height:1.55 !important; letter-spacing:.01em !important;
  white-space:nowrap !important; flex-shrink:0 !important; width:auto !important; max-width:none !important;
  text-decoration:none !important; box-sizing:border-box !important;
  background:linear-gradient(180deg,#c44a3a,#8e2218) !important;
  border:1px solid #6b1612 !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 3px 8px rgba(110,30,20,.28) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.22) !important;
  -webkit-text-fill-color:#fff !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .hist-back-btn .hist-back-ico{
  width:1em !important; height:1em !important; flex-shrink:0 !important; display:block !important;
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .hist-back-btn span{
  font-weight:700 !important; white-space:nowrap !important;
}
@media (max-width:768px){
  html.theme-skeuo body.woocommerce-lich-su .acc-panel .hist-back-btn{
    padding:8px 16px !important; font-size:14px !important; gap:4px !important;
  }
  html.theme-skeuo body.woocommerce-lich-su .acc-panel .hist-back-btn .hist-back-ico{
    width:13px !important; height:13px !important;
  }
}
html.theme-skeuo body.woocommerce-lich-su .acc-panel .acc-view .hist-back-btn:hover{
  background:linear-gradient(180deg,#d85a4a,#a02820) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 5px 12px rgba(110,30,20,.34) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .b-box{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border-color:rgba(255,214,150,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.04),0 10px 24px -12px rgba(0,0,0,.65) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .b-box .t-top,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-edt > .t-top,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-ans > .t-top{
  background:linear-gradient(180deg,#3a3026,#2c2419) !important;
  border-color:rgba(255,214,150,.12) !important; color:#f5ead0 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .panel-top,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .panel-top .b-box,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .panel-top .b-list{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr{
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .t-info .txt{
  color:#b9b2a3 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .t-info .text,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .t-info .text span,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .t-info .c-pri{
  color:#f87171 !important; -webkit-text-fill-color:#f87171 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .panel-top .circle-svg.half .t-pos .txt{
  color:#b9b2a3 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .panel-top .circle-svg.half .t-pos .num{
  color:#f87171 !important; -webkit-text-fill-color:#f87171 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .circle-svg.full::before,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-score .circle-svg.full::before{
  background:radial-gradient(circle at 50% 35%,#3a3228 0%,#2a241c 55%,#1e1810 100%) !important;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.55),inset 0 -1px 0 rgba(255,236,200,.06) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .progress-bar__background,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .panel-top .circle-svg.half .progress-bar__background,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-score .progress-bar__background{
  stroke:rgba(255,214,150,.16) !important;
  filter:drop-shadow(0 -1px 1px rgba(0,0,0,.35)) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .b-py .panel-top .cir-gr .progress-bar__progress{
  stroke:#4ade80 !important;
  filter:drop-shadow(0 1px 2px rgba(74,222,128,.35)) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .panel-top .circle-svg.half .progress-bar__progress,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-score .progress-bar__progress{
  stroke:#6ba3d6 !important;
  filter:drop-shadow(0 1px 2px rgba(107,163,214,.4)) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-score .t-pos .c-second,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-score .t-pos .text .c-second{
  color:#f87171 !important; -webkit-text-fill-color:#f87171 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .panel-top .t-igr .t-gr .txt{
  color:#b9b2a3 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .panel-top .t-igr .t-gr .text{
  color:#f0ece3 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-edt > .b-row{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border-color:rgba(255,214,150,.12) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-gr,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-cgr{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-gr .txt{
  color:#f0ece3 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-gr .icon{
  background:linear-gradient(180deg,#3a3228,#2a241c) !important;
  border:1px solid rgba(255,214,150,.14) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.45),inset 0 -1px 0 rgba(255,236,200,.06),0 2px 6px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-cgr.is-true .icon{
  border-color:rgba(74,222,128,.35) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -2px 4px rgba(0,0,0,.25),0 3px 8px -2px rgba(74,222,128,.25) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-cgr.is-false .icon{
  border-color:rgba(248,113,113,.35) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -2px 4px rgba(0,0,0,.25),0 3px 8px -2px rgba(248,113,113,.25) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-edt .box-edt-cgr.is-next .icon{
  border-color:rgba(251,146,60,.35) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -2px 4px rgba(0,0,0,.25),0 3px 8px -2px rgba(251,146,60,.25) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-ans .b-ctn{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border-color:rgba(255,214,150,.12) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-ans .b-part .t-part{
  background:transparent !important; border:0 !important; box-shadow:none !important; color:#f5ead0 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .acc-panel .acc-view .acc-ans .b-part:not(:last-child){
  border-bottom-color:rgba(255,214,150,.1) !important;
}

/* fb-vlg score — giữ column-reverse flat, chỉ skeuo paint */
html.theme-skeuo body.woocommerce-lich-su .fb-vlg{
  flex-direction:column-reverse !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-score .t-panel{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e6dcbe !important;
  box-shadow:inset 0 1px 0 #fff,0 8px 20px -10px rgba(80,60,20,.28) !important;
  border-radius:14px !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-score .t-pos .txt{
  color:#004080 !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .fb-part-name{
  background:linear-gradient(180deg,#004080,#003366) !important;
  border:1px solid #002952 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 2px 4px rgba(0,0,0,.2) !important;
  color:#fff !important; text-shadow:0 1px 1px rgba(0,0,0,.25) !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .fb-part-point.c-second{
  color:#b91c1c !important; font-weight:700 !important;
}
/* Dark skeuo */
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .hisdetail-wrsp-waitting,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .alpha-ai-daily-box,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .alpha-ai-action-box,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .alpha-gemini-batch-grading,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-score .t-panel{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border-color:rgba(255,214,150,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.06),0 10px 24px -12px rgba(0,0,0,.65) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .hisdetail-wrsp-waitting .wrsp-waitting-title .t-title-area-primary,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .alpha-gemini-batch-grading h4{
  color:#f1e6cd !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .hisdetail-wrsp-waitting .wrsp-waitting-description,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .alpha-ai-sublabel,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .alpha-ai-reset{
  color:#bcae8c !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .alpha-ai-label,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .alpha-ai-count,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .alpha-ai-remaining,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .hisdetail-wrsp-waitting .wrsp-waitting-description .highlight-blog,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-score .t-pos .txt{
  color:#a8cce8 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .alpha-ai-bar-bg{
  background:rgba(0,0,0,.35) !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.5) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .alpha-ai-bar-bg > div{
  background:linear-gradient(180deg,#1a3d5c,#0f2840) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .alpha-gemini-btn.btn-writing-part,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .alpha-gemini-btn.btn-writing-regraded,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .alpha-gemini-grade-writing-btn-fe.alpha-ai-btn-outline,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su button.alpha-ai-btn-outline{
  background:linear-gradient(180deg,#3a3228,#2f2820) !important; color:#a8cce8 !important;
  border-color:rgba(255,214,150,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.08),0 2px 4px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .fb-part-name{
  background:linear-gradient(180deg,#1a3d5c,#0f2840) !important;
  border-color:rgba(107,163,214,.35) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .fb-part-point.c-second{
  color:#f87171 !important;
}

/* Part 1 / Part 2 — cuốn sổ nỉ da sáng + tab folder thật (stitching) */
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-wrap{
  position:relative !important;
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px),
    repeating-linear-gradient(45deg,rgba(0,0,0,.018) 0 2px,transparent 2px 5px),
    linear-gradient(165deg,#e8dcc8 0%,#dcc9a8 42%,#d0bc98 100%) !important;
  border:2px solid #b8a078 !important;
  border-left:5px solid #9a8460 !important;
  box-shadow:
    inset 5px 0 14px -4px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.45),
    0 14px 32px -10px rgba(60,40,10,.38) !important;
  border-radius:3px 16px 16px 4px !important;
  overflow:visible !important;
}
/* đường chỉ viền trong */
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-wrap::before{
  content:'' !important; position:absolute !important; pointer-events:none !important;
  inset:12px 14px 12px 20px !important;
  border:2px dashed rgba(120,80,40,.32) !important;
  border-radius:2px 10px 10px 2px !important;
}
/* gáy khâu dọc */
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-wrap::after{
  content:'' !important; position:absolute !important; pointer-events:none !important;
  left:7px !important; top:14px !important; bottom:14px !important; width:5px !important;
  background:repeating-linear-gradient(180deg,#8a7048 0 7px,rgba(255,255,255,.15) 7px 8px,#8a7048 8px 15px) !important;
  border-radius:2px !important; opacity:.85 !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-wrap .vlg-panel{
  position:relative !important; z-index:1 !important;
  background:
    repeating-linear-gradient(0deg,transparent 0 27px,rgba(120,90,40,.055) 27px 28px),
    linear-gradient(180deg,#fffefb,#f4ecd8) !important;
  border:1px solid #ddd0b8 !important;
  box-shadow:inset 0 0 24px rgba(120,90,40,.07),inset 0 1px 0 #fff !important;
  border-radius:0 8px 8px 0 !important;
}
/* lề đỏ sổ tay */
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-wrap .vlg-panel::before{
  content:'' !important; position:absolute !important; pointer-events:none !important;
  left:16px !important; top:10px !important; bottom:10px !important; width:2px !important;
  background:linear-gradient(180deg,rgba(185,28,28,.08),rgba(185,28,28,.28),rgba(185,28,28,.08)) !important;
}
/* hàng tab folder — liền khối, cùng baseline, khớp mép trang sổ */
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-tabs{
  background:transparent !important; border:0 !important; border-bottom:1px solid #c8b888 !important;
  box-shadow:none !important;
  position:relative !important; z-index:2 !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn{
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px),
    linear-gradient(180deg,#c4b08a,#b09a72) !important;
  border:1px solid #9a8664 !important; border-bottom:0 !important;
  border-radius:0 !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.22) !important;
  color:#6a5a42 !important; font-weight:600 !important;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,padding .18s ease !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn:first-child{
  border-radius:8px 0 0 0 !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn:last-child{
  border-radius:0 8px 0 0 !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn + .btn-tab.tabBtn{
  margin-left:-1px !important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.12),inset 0 2px 5px rgba(0,0,0,.14) !important;
}
/* chỉ khâu trên tab inactive */
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn::before{
  content:'' !important; position:absolute !important; pointer-events:none !important;
  left:12px !important; right:12px !important; top:6px !important; height:0 !important;
  border-top:1px dashed rgba(90,60,30,.28) !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn span{
  color:inherit !important; position:relative !important; z-index:1 !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn:hover:not(.active){
  background:linear-gradient(180deg,#d4c0a0,#c0aa88) !important;
  color:#4a3820 !important;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.3) !important;
}
/* tab active = trang sổ lật ra, khớp panel — không nhảy translateY */
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn.active{
  background:linear-gradient(180deg,#fffefb,#f4ecd8) !important;
  border:1px solid #ddd0b8 !important; border-bottom:1px solid #f4ecd8 !important;
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 -2px 0 #004080,
    0 -1px 0 rgba(255,255,255,.5),
    0 2px 6px rgba(60,40,10,.1) !important;
  color:#004080 !important; font-weight:700 !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn.active::before{
  border-top-color:rgba(0,64,128,.22) !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn.active::after{
  content:'' !important; position:absolute !important; pointer-events:none !important;
  left:10px !important; right:10px !important; bottom:4px !important; height:0 !important;
  border-bottom:1px dashed rgba(0,64,128,.2) !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-wrap .vlg-panel{
  border-top:0 !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-panel .vlg-wrapper.tabPanel{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  border-radius:0 !important; padding:0 !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-panel .vlg-wrapper.tabPanel:not(.open){
  display:none !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-panel .vlg-wrapper.tabPanel.open{
  display:block !important;
}
/* Nội dung trang sổ — phân cách mờ */
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .vlg-wrap .vlg-group + .vlg-group{
  margin-top:16px !important; padding-top:16px !important;
  border-top:1px dashed rgba(120,90,40,.2) !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .fb-vlg-question .b-head{
  background:linear-gradient(180deg,#f4ecd8,#e8dcc0) !important;
  border:1px solid #c8b888 !important; border-left:4px solid #004080 !important;
  border-radius:6px !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(80,60,20,.12) !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .fb-vlg-question .b-head .txt{
  color:#3a2a08 !important; font-family:Georgia,'Times New Roman',serif !important;
  font-weight:700 !important;
}
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .fb-vlg-question .icon::before,
html.theme-skeuo body.woocommerce-lich-su .fb-vlg .fb-vlg-question .icon::after{
  background:#3a2a08 !important;
}
/* ── DARK: cuốn da tối + tab folder + trang felt walnut ── */
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-wrap{
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0 1px,transparent 1px 4px),
    linear-gradient(165deg,#3d3228 0%,#2f2820 45%,#241e16 100%) !important;
  border-color:rgba(255,214,150,.18) !important; border-left-color:#5a4a38 !important;
  box-shadow:inset 5px 0 14px -4px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,236,200,.06),0 14px 32px -10px rgba(0,0,0,.65) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-wrap::before{
  border-color:rgba(255,214,150,.16) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-wrap::after{
  background:repeating-linear-gradient(180deg,#6a5840 0 7px,rgba(255,236,200,.12) 7px 8px,#6a5840 8px 15px) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-wrap .vlg-panel{
  background:
    repeating-linear-gradient(0deg,transparent 0 27px,rgba(255,214,150,.05) 27px 28px),
    linear-gradient(180deg,#2f2820,#241e16) !important;
  border-color:rgba(255,214,150,.14) !important;
  box-shadow:inset 0 0 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,236,200,.05) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-wrap .vlg-panel::before{
  background:linear-gradient(180deg,rgba(248,113,113,.06),rgba(248,113,113,.22),rgba(248,113,113,.06)) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-tabs{
  border-bottom-color:rgba(255,214,150,.14) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn{
  background:linear-gradient(180deg,#4a3e32,#3a3228) !important;
  border-color:rgba(255,214,150,.14) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,236,200,.05) !important;
  color:#9a9080 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn + .btn-tab.tabBtn{
  box-shadow:inset 1px 0 0 rgba(255,236,200,.06),inset 0 2px 5px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn::before{
  border-top-color:rgba(255,214,150,.12) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn:hover:not(.active){
  background:linear-gradient(180deg,#564838,#443a2e) !important; color:#e6dcc6 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn.active{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border-color:rgba(255,214,150,.14) !important; border-bottom-color:#241e16 !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.08),inset 0 -2px 0 #6ba3d6,0 2px 6px rgba(0,0,0,.28) !important;
  color:#a8cce8 !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn.active::before,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-tabs .btn-tab.tabBtn.active::after{
  border-color:rgba(107,163,214,.25) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .vlg-wrap .vlg-group + .vlg-group{
  border-top-color:rgba(255,214,150,.12) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .fb-vlg-question .b-head{
  background:linear-gradient(180deg,#3a3228,#2f2820) !important;
  border-color:rgba(255,214,150,.16) !important; border-left-color:#6ba3d6 !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.06),0 2px 4px rgba(0,0,0,.3) !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .fb-vlg-question .b-head .txt{
  color:#f1e6cd !important;
}
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .fb-vlg-question .icon::before,
html.theme-skeuo.ae-dark-mode body.woocommerce-lich-su .fb-vlg .fb-vlg-question .icon::after{
  background:#f1e6cd !important;
}

/* ═══ Target modal (#targetModal) — gel panel + slider thumb + Aqua close puck ═══ */
html.theme-skeuo #targetModal,
html.theme-skeuo #targetModal.target-modal,
html.theme-skeuo #satTargetModal,
html.theme-skeuo #satTargetModal.target-modal{
  background:rgba(40,28,12,.06) !important;
  backdrop-filter:blur(18px) saturate(1.2) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2) !important;
}
html.theme-skeuo #targetModal > div,
html.theme-skeuo #targetModal .target-modal__panel,
html.theme-skeuo #satTargetModal > div,
html.theme-skeuo #satTargetModal .target-modal__panel,
html.theme-skeuo #satTargetModal .sat-target-modal__panel{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e6dcbe !important;
  box-shadow:0 28px 60px rgba(0,0,0,.38),inset 0 1px 0 #fff !important;
  border-radius:18px !important;
}
html.theme-skeuo #targetModal h3,
html.theme-skeuo #satTargetModal h3{
  color:#2f2a22 !important;
  text-shadow:0 1px 0 #fff !important;
}
html.theme-skeuo #targetModal > div > div:first-child p,
html.theme-skeuo #satTargetModal > div > div:first-child p{
  color:#5a5142 !important;
}
html.theme-skeuo #targetModal > div > div:nth-child(2) > div,
html.theme-skeuo #satTargetModal > div > div:nth-child(2) > div{
  background:linear-gradient(180deg,#faf8f2,#ece6d4) !important;
  border:1px solid #d3c7a6 !important;
  box-shadow:inset 0 2px 5px rgba(120,90,40,.16),0 1px 0 #fff !important;
}
html.theme-skeuo #targetModal > div > div:nth-child(2) > div > div:first-child,
html.theme-skeuo #satTargetModal > div > div:nth-child(2) > div > div:first-child{
  color:#9a8770 !important;
}
html.theme-skeuo #targetModal #targetValueDisplay,
html.theme-skeuo #satTargetModal #satTargetValue{
  color:#dc2626 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.85) !important;
}
/* Slider rail — embossed gel */
html.theme-skeuo #customSliderTrack,
html.theme-skeuo #satCustomSliderTrack{
  background:
    radial-gradient(circle, rgba(246,163,171,.92) 8px, transparent 9px) center/40px 100% repeat-x,
    linear-gradient(180deg,#fffefb,#ece6d4) !important;
  border:1px solid #d8cdb0 !important;
  box-shadow:inset 0 2px 4px rgba(120,90,40,.14),0 8px 0 #c8b888 !important;
}
/* Slider thumb — red gel knob (↔ arrow) */
html.theme-skeuo #customSliderThumb,
html.theme-skeuo #satCustomSliderThumb{
  background:linear-gradient(180deg,#ff6b6b 0%,#ef4444 38%,#dc2626 72%,#b91c1c 100%) !important;
  border:1px solid #991b1b !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.48),
    inset 0 -3px 7px rgba(80,10,10,.38),
    0 10px 22px rgba(0,0,0,.32) !important;
}
html.theme-skeuo #customSliderThumb:active,
html.theme-skeuo #satCustomSliderThumb:active{
  cursor:grabbing !important;
  background:linear-gradient(180deg,#ef4444 0%,#dc2626 55%,#991b1b 100%) !important;
  box-shadow:
    inset 0 3px 9px rgba(60,10,5,.5),
    0 6px 14px rgba(0,0,0,.28) !important;
  transform:translate(-50%, -50%) scale(.97) !important;
}
html.theme-skeuo #customSliderThumb svg path,
html.theme-skeuo #satCustomSliderThumb svg path{
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.28));
}
/* macOS Aqua close puck (red traffic-light) */
html.theme-skeuo #closeModalBtn,
html.theme-skeuo #satTargetCloseBtn,
html.theme-skeuo .target-modal__close{
  width:32px !important; height:32px !important; padding:0 !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  border:1px solid #9a2218 !important; border-radius:50% !important;
  background:linear-gradient(180deg,#ff8a7d 0%,#f25a4a 38%,#d43828 72%,#b82a1e 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -1px 1px rgba(100,20,10,.35),
    0 2px 6px rgba(0,0,0,.28) !important;
  color:transparent !important;
}
html.theme-skeuo #closeModalBtn:hover,
html.theme-skeuo #satTargetCloseBtn:hover{
  filter:brightness(1.06);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 1px rgba(100,20,10,.3),
    0 3px 8px rgba(0,0,0,.32) !important;
}
html.theme-skeuo #closeModalBtn:active,
html.theme-skeuo #satTargetCloseBtn:active{
  transform:scale(.94);
  background:linear-gradient(180deg,#e04a3c 0%,#c42e22 55%,#a8241a 100%) !important;
  box-shadow:inset 0 2px 5px rgba(60,10,5,.45),0 0 0 transparent !important;
}
html.theme-skeuo #closeModalBtn svg,
html.theme-skeuo #satTargetCloseBtn svg,
html.theme-skeuo .target-modal__close svg{
  stroke:rgba(72,14,8,.9) !important;
  filter:drop-shadow(0 .5px 0 rgba(255,255,255,.25));
}
html.theme-skeuo #closeModalBtn:hover svg,
html.theme-skeuo #satTargetCloseBtn:hover svg{
  stroke:rgba(50,8,4,.95) !important;
}
html.theme-skeuo #cancelTargetBtn,
html.theme-skeuo #satTargetCancelBtn{
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important;
  border:1px solid #b3b3b5 !important; color:#5a5142 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(0,0,0,.14) !important;
  text-shadow:0 1px 0 #fff !important;
  border-radius:10px !important;
}
html.theme-skeuo #cancelTargetBtn:hover,
html.theme-skeuo #satTargetCancelBtn:hover{
  background:linear-gradient(180deg,#fff,#e8e8ea) !important;
  box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(0,0,0,.18) !important;
}
html.theme-skeuo #saveTargetBtn,
html.theme-skeuo #satTargetSaveBtn{
  border-radius:10px !important;
}
html.theme-skeuo #cancelTargetBtn,
html.theme-skeuo #satTargetCancelBtn,
html.theme-skeuo #saveTargetBtn,
html.theme-skeuo #satTargetSaveBtn{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  padding:12px 28px !important; min-height:46px !important;
  font-size:16px !important; font-weight:600 !important; line-height:1.2 !important;
  cursor:pointer !important; min-width:120px !important;
  flex:1 1 auto !important; max-width:200px !important; box-sizing:border-box !important;
}
/* Dark skeuo — Aero scrim trong suốt tối đa; panel vẫn đặc */
html.theme-skeuo.ae-dark-mode #targetModal.target-modal,
html.theme-skeuo.ae-dark-mode #satTargetModal.target-modal{
  background:rgba(0,0,0,.02) !important;
  backdrop-filter:blur(20px) saturate(1.35) brightness(.96) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.35) brightness(.96) !important;
}
html.theme-skeuo.ae-dark-mode #targetModal .target-modal__panel,
html.theme-skeuo.ae-dark-mode #targetModal > div,
html.theme-skeuo.ae-dark-mode #targetModal div[style*="background:#ffffff"],
html.theme-skeuo.ae-dark-mode #targetModal div[style*="background: #ffffff"],
html.theme-skeuo.ae-dark-mode #satTargetModal .target-modal__panel,
html.theme-skeuo.ae-dark-mode #satTargetModal .sat-target-modal__panel,
html.theme-skeuo.ae-dark-mode #satTargetModal > div,
html.theme-skeuo.ae-dark-mode #satTargetModal div[style*="background:#ffffff"],
html.theme-skeuo.ae-dark-mode #satTargetModal div[style*="background: #ffffff"],
html.theme-skeuo.ae-dark-mode #satTargetModal div[style*="background:#fff"]{
  background:#2f2820 !important;
  background-image:linear-gradient(180deg,#3a3228 0%,#2f2820 52%,#241e16 100%) !important;
  border:1px solid rgba(255,214,150,.28) !important;
  box-shadow:0 28px 60px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,236,200,.12) !important;
  color:#f1e6cd !important;
  opacity:1 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  isolation:isolate !important;
}
html.theme-skeuo.ae-dark-mode #targetModal h3,
html.theme-skeuo.ae-dark-mode #satTargetModal h3{
  color:#f5ead0 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode #targetModal > div > div:first-child p,
html.theme-skeuo.ae-dark-mode #satTargetModal > div > div:first-child p{
  color:#cbbf9e !important;
}
html.theme-skeuo.ae-dark-mode #targetModal > div > div:nth-child(2) > div,
html.theme-skeuo.ae-dark-mode #satTargetModal > div > div:nth-child(2) > div{
  background:linear-gradient(180deg,#443a2e,#332c22) !important;
  border:1px solid rgba(255,214,150,.18) !important;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,236,200,.06) !important;
}
html.theme-skeuo.ae-dark-mode #targetModal > div > div:nth-child(2) > div > div:first-child,
html.theme-skeuo.ae-dark-mode #satTargetModal > div > div:nth-child(2) > div > div:first-child{
  color:#cbbf9e !important;
}
html.theme-skeuo.ae-dark-mode #targetModal #targetValueDisplay,
html.theme-skeuo.ae-dark-mode #satTargetModal #satTargetValue{
  color:#f87171 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode #customSliderTrack,
html.theme-skeuo.ae-dark-mode #satCustomSliderTrack{
  background:
    radial-gradient(circle, rgba(239,68,68,.62) 8px, transparent 9px) center/40px 100% repeat-x,
    linear-gradient(180deg,#3a3228,#2a241c) !important;
  border:1px solid rgba(255,214,150,.16) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.38),0 8px 0 rgba(0,0,0,.42) !important;
}
html.theme-skeuo.ae-dark-mode #customSliderThumb,
html.theme-skeuo.ae-dark-mode #satCustomSliderThumb{
  background:linear-gradient(180deg,#ff7b7b 0%,#ef4444 38%,#dc2626 72%,#991b1b 100%) !important;
  border-color:#7f1d1d !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.32),
    inset 0 -3px 7px rgba(0,0,0,.45),
    0 12px 24px rgba(0,0,0,.55) !important;
}
html.theme-skeuo.ae-dark-mode #targetModal #closeModalBtn,
html.theme-skeuo.ae-dark-mode #targetModal .target-modal__close,
html.theme-skeuo.ae-dark-mode #satTargetModal #satTargetCloseBtn,
html.theme-skeuo.ae-dark-mode #satTargetModal .target-modal__close{
  width:32px !important; height:32px !important;
  border:1px solid #ff6b5e !important;
  background:#d43828 !important;
  background-image:linear-gradient(180deg,#ff8a7d 0%,#f25a4a 38%,#d43828 72%,#b82a1e 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -1px 1px rgba(100,20,10,.42),
    0 0 0 2px rgba(255,107,94,.32),
    0 4px 14px rgba(0,0,0,.62) !important;
  z-index:3 !important;
}
html.theme-skeuo.ae-dark-mode #targetModal #closeModalBtn svg,
html.theme-skeuo.ae-dark-mode #targetModal .target-modal__close svg,
html.theme-skeuo.ae-dark-mode #satTargetModal #satTargetCloseBtn svg,
html.theme-skeuo.ae-dark-mode #satTargetModal .target-modal__close svg{
  stroke:#fff !important;
  stroke-width:2.5 !important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.55)) !important;
}
html.theme-skeuo.ae-dark-mode #cancelTargetBtn,
html.theme-skeuo.ae-dark-mode #satTargetCancelBtn{
  background:linear-gradient(180deg,#443a2e,#332c22) !important;
  border:1px solid rgba(255,214,150,.2) !important;
  color:#f1e6cd !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.08),0 2px 6px rgba(0,0,0,.35) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode #cancelTargetBtn:hover,
html.theme-skeuo.ae-dark-mode #satTargetCancelBtn:hover{
  background:linear-gradient(180deg,#4a4034,#3a3228) !important;
  border-color:rgba(255,214,150,.28) !important;
}

/* ═══ Account /thong-tin/ — bỏ border dư + gel tabs/inputs/avatar ═══ */
html.theme-skeuo body .acc-panel .acc-info,
html.theme-skeuo body .acc-panel .acc-info .b-head,
html.theme-skeuo body .acc-panel .acc-info .b-form{
  background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;
}
html.theme-skeuo body .acc-panel .acc-info .form-list .col,
html.theme-skeuo body .acc-panel .acc-info .form-ip,
html.theme-skeuo body .acc-panel .acc-info .monaFieldItem{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
html.theme-skeuo body .acc-panel .acc-info .b-head .t-list{
  display:flex !important; gap:8px !important; flex-wrap:wrap !important;
  border:0 !important; border-bottom:1px solid rgba(120,90,40,.14) !important;
  background:transparent !important; padding-bottom:12px !important; margin-bottom:16px !important;
}
html.theme-skeuo body .acc-panel .acc-info .t-tab{
  display:inline-flex !important; align-items:center !important;
  padding:8px 18px !important; border-radius:10px !important; font-weight:600 !important; text-decoration:none !important;
  background:linear-gradient(180deg,#fdfdfd,#e8e4dc) !important;
  border:1px solid #d0c8b8 !important; color:#5a5142 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(80,60,20,.1) !important;
}
html.theme-skeuo body .acc-panel .acc-info .t-tab.active{
  background:linear-gradient(180deg,#35353d,#1c1c24) !important;
  border-color:#121218 !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -2px 4px rgba(0,0,0,.4),0 4px 10px rgba(0,0,0,.32) !important;
}
html.theme-skeuo:not(.ae-dark-mode) body .acc-panel .acc-info .b-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]),
html.theme-skeuo:not(.ae-dark-mode) body .acc-panel .acc-info .b-form select,
html.theme-skeuo:not(.ae-dark-mode) body .acc-panel .acc-info .b-form textarea,
html.theme-skeuo:not(.ae-dark-mode) body .acc-panel .acc-info .form-input{
  background:linear-gradient(180deg,#faf8f2,#ece6d4) !important;
  border:1px solid #d3c7a6 !important;
  box-shadow:inset 0 2px 5px rgba(120,90,40,.12) !important;
  color:#2f2a22 !important; border-radius:12px !important;
}
html.theme-skeuo:not(.ae-dark-mode) body .acc-panel .acc-info .form-ip span.text{
  color:#5a5142 !important; font-weight:600 !important;
}
html.theme-skeuo body .acc-panel .acc-info .btn.invert,
html.theme-skeuo body .acc-panel .acc-info .monaSubmitButton[type=submit]{
  background:linear-gradient(180deg,#ef5b4c,#d3262e) !important;
  border:1px solid #b91c1c !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px rgba(211,38,46,.35) !important;
  border-radius:10px !important;
}
html.theme-skeuo body .acc-panel .acc-info .btn.invert .inner{
  background:transparent !important; border:0 !important; box-shadow:none !important; color:#fff !important;
}
html.theme-skeuo body .acc-avt{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
html.theme-skeuo body .acc-avt .b-inner{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e6dcbe !important;
  box-shadow:0 1px 1px rgba(0,0,0,.06),0 14px 30px -16px rgba(80,60,20,.45),inset 0 1px 0 #fff !important;
  border-radius:16px !important; padding:20px !important;
}
html.theme-skeuo body .acc-avt .b-img,
html.theme-skeuo body .acc-avt .b-ctn,
html.theme-skeuo body .acc-avt label.t-gr{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-info,
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-info .b-head,
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-info .b-form{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-info .t-tab:not(.active){
  background:linear-gradient(180deg,#3a3026,#2c2419) !important;
  border:1px solid rgba(255,214,150,.14) !important; color:#cbbf9e !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.05),0 2px 5px rgba(0,0,0,.25) !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-info .t-tab.active{
  background:linear-gradient(180deg,#2a2a30,#121218) !important;
  border-color:rgba(255,255,255,.1) !important; color:#f5f5f7 !important;
}
html.theme-skeuo.ae-dark-mode body .acc-avt .b-inner{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border:1px solid rgba(255,214,150,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.06),0 12px 32px -12px rgba(0,0,0,.6) !important;
}

/* ═══ Account search (Lịch sử / SAT / Orders) — 1 pill trên .acc-search ═══ */
html.theme-skeuo body .acc-panel .acc-head form,
html.theme-skeuo body .acc-panel .acc-ctr,
html.theme-skeuo body .acc-panel #formHistory,
html.theme-skeuo body .acc-panel .acc-search .b-gr{
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important;
  outline:none !important;
}
html.theme-skeuo body .acc-panel .acc-head .acc-search{
  display:flex !important; align-items:center !important;
  border-radius:999px !important; overflow:hidden !important;
  padding:0 14px 0 16px !important; min-height:40px !important; min-width:220px !important;
  background:linear-gradient(180deg,#faf8f2,#ece6d4) !important;
  border:1px solid #d3c7a6 !important;
  box-shadow:inset 0 2px 5px rgba(120,90,40,.14) !important;
}
html.theme-skeuo body .acc-panel .acc-search .b-gr{
  display:flex !important; align-items:center !important; gap:8px !important;
  flex:1 !important; width:100% !important; min-height:40px !important;
}
html.theme-skeuo body .acc-panel .acc-search input[type="search"],
html.theme-skeuo body .acc-panel .acc-search input[type="text"]{
  flex:1 !important; min-width:0 !important;
  border:0 !important; background:transparent !important; background-color:transparent !important;
  box-shadow:none !important; outline:none !important; border-radius:0 !important;
  -webkit-appearance:none !important; appearance:none !important;
  color:#2f2a22 !important; font-size:14px !important;
}
html.theme-skeuo body .acc-panel .acc-search input::placeholder{
  color:#9a8770 !important; opacity:1 !important;
}
html.theme-skeuo body .acc-panel .acc-search .icon{
  display:inline-flex !important; align-items:center !important; flex-shrink:0 !important;
}
html.theme-skeuo body .acc-panel .acc-search .icon img{
  width:18px !important; height:18px !important; opacity:.72 !important;
  filter:none !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-head .acc-search{
  background:linear-gradient(180deg,#332c22,#241e16) !important;
  border:1px solid rgba(255,214,150,.2) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.38) !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-search .b-gr{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-search input[type="search"],
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-search input[type="text"]{
  color:#f3ead2 !important;
  border:0 !important; background:transparent !important;
  box-shadow:none !important; outline:none !important; border-radius:0 !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-search input::placeholder{
  color:#cbbf9e !important; opacity:1 !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-search .icon img{
  filter:brightness(0) invert(1) !important;
  opacity:.82 !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-title{
  color:#f5ead0 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
}

/* ═══ Lịch sử SAT — chart wrap + Đặt Target + modal ═══ */
html.theme-skeuo body .sat-history-chart-wrap{
  background:linear-gradient(180deg,#faf4e4,#f2e9d3) !important;
  border:1px solid #e2d6b8 !important;
  box-shadow:inset 0 2px 7px rgba(120,90,40,.16),inset 0 -1px 0 #fff !important;
  border-radius:14px !important;
}
html.theme-skeuo body .sat-history-chart-wrap svg{
  background:linear-gradient(180deg,#fffdf5,#f7f1e0) !important;
  border:1px solid #e6dcc0 !important; border-radius:12px !important;
  box-shadow:inset 0 2px 6px rgba(120,90,40,.1) !important;
}
html.theme-skeuo body #satSetTargetBtn{
  background:linear-gradient(180deg,#ef5b4c,#d3262e) !important;
  border:1px solid #b91c1c !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px rgba(211,38,46,.35) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.22) !important; border-radius:999px !important;
}
html.theme-skeuo body #satSetTargetBtn:hover{
  background:linear-gradient(180deg,#f87171,#ef4444) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 5px 12px rgba(211,38,46,.4) !important;
}
html.theme-skeuo body .sat-overall-pill{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  width:100% !important; display:flex !important; justify-content:center !important;
}
html.theme-skeuo body .acc-score .b-item.sat-overall-item{
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important;
  display:flex !important; justify-content:center !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-search input[type="search"],
html.theme-skeuo.ae-dark-mode body .acc-panel .acc-search input[type="text"]{
  color:#f3ead2 !important;
  border:0 !important; background:transparent !important; background-color:transparent !important;
  box-shadow:none !important; outline:none !important; border-radius:0 !important;
  -webkit-appearance:none !important; appearance:none !important;
}
html.theme-skeuo body .sat-overall-pill .sat-overall-inner{
  display:flex !important; align-items:center !important; justify-content:center !important;
  gap:1rem !important; width:100% !important; max-width:100% !important;
  padding:12px clamp(14px,3vw,24px) !important;
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e0d4b2 !important; border-radius:999px !important;
  box-shadow:0 1px 2px rgba(80,60,20,.10),inset 0 1px 0 #fff !important;
}
html.theme-skeuo body .sat-overall-pill .t-gr{
  display:flex !important; flex-direction:column !important;
  align-items:center !important; text-align:center !important;
}
html.theme-skeuo body .sat-overall-pill .txt,
html.theme-skeuo body .sat-overall-pill .t-gr .txt{
  color:#7a7160 !important; -webkit-text-fill-color:#7a7160 !important;
}
html.theme-skeuo body .sat-overall-pill .num,
html.theme-skeuo body .sat-overall-pill .t-gr .num{
  color:#2f2a22 !important; -webkit-text-fill-color:#2f2a22 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.45) !important;
}
html.theme-skeuo body .sat-overall-pill .sat-overall-inner > .icon,
html.theme-skeuo body .sat-overall-pill .acc-score-icon{
  position:relative !important; flex:0 0 4.8rem !important;
  width:4.8rem !important; height:4.8rem !important;
}
html.theme-skeuo body .sat-overall-pill .sat-overall-inner > .icon img,
html.theme-skeuo body .sat-overall-pill .acc-score-icon img{
  position:absolute !important; inset:0 !important; width:4.8rem !important; height:4.8rem !important;
  object-fit:contain !important;
}
html.theme-skeuo:not(.ae-dark-mode) body .sat-overall-pill .acc-icon-skeuo-light{ display:block !important; }
html.theme-skeuo:not(.ae-dark-mode) body .sat-overall-pill .acc-icon-skeuo-dark,
html.theme-skeuo:not(.ae-dark-mode) body .sat-overall-pill .acc-icon-flat{ display:none !important; }
html.theme-skeuo.ae-dark-mode body .sat-overall-pill .acc-icon-skeuo-dark{ display:block !important; }
html.theme-skeuo.ae-dark-mode body .sat-overall-pill .acc-icon-skeuo-light,
html.theme-skeuo.ae-dark-mode body .sat-overall-pill .acc-icon-flat{ display:none !important; }
html.theme-skeuo.ae-dark-mode body .sat-overall-pill .sat-overall-inner{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border:1px solid rgba(255,214,150,.18) !important;
  box-shadow:0 2px 6px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,236,200,.06) !important;
}
html.theme-skeuo.ae-dark-mode body .sat-overall-pill .txt,
html.theme-skeuo.ae-dark-mode body .sat-overall-pill .t-gr .txt{
  color:#b9b2a3 !important; -webkit-text-fill-color:#b9b2a3 !important;
}
html.theme-skeuo.ae-dark-mode body .sat-overall-pill .num,
html.theme-skeuo.ae-dark-mode body .sat-overall-pill .t-gr .num{
  color:#f0ece3 !important; -webkit-text-fill-color:#f0ece3 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body .sat-history-chart-wrap{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border:1px solid rgba(255,214,150,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.06),0 6px 18px -10px rgba(0,0,0,.6) !important;
}
html.theme-skeuo.ae-dark-mode body .sat-history-chart-wrap svg{
  background:#1e1810 !important;
  border:1px solid rgba(255,214,150,.08) !important;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode body .sat-history-chart-wrap .sat-chart-title,
html.theme-skeuo.ae-dark-mode body .sat-history-chart-wrap .sat-section-chart-title{
  color:#f1e6cd !important;
}
html.theme-skeuo.ae-dark-mode body .sat-history-chart-wrap svg line[stroke="#eef2f7"]{
  stroke:rgba(255,214,150,.10) !important;
}
html.theme-skeuo.ae-dark-mode body .sat-history-chart-wrap svg text[fill="#6b7280"]{
  fill:#d8cba8 !important;
}
html.theme-skeuo.ae-dark-mode body .sat-history-chart-wrap svg path[stroke="#2563eb"]{
  stroke:#8fc0ff !important;
}
html.theme-skeuo.ae-dark-mode body .sat-history-chart-wrap svg circle[fill="#2563eb"]{
  fill:#8fc0ff !important;
}
html.theme-skeuo.ae-dark-mode body .sat-history-chart-wrap svg line[stroke="#ef4444"]{
  stroke:#f87171 !important;
}
html.theme-skeuo.ae-dark-mode body .sat-history-chart-wrap svg text[fill="#ef4444"]{
  fill:#f87171 !important;
}
html.theme-skeuo.ae-dark-mode body .sat-history-chart-wrap svg path[stroke="#7c3aed"]{
  stroke:#c4b5fd !important;
}
html.theme-skeuo.ae-dark-mode body .sat-history-chart-wrap svg circle[fill="#7c3aed"]{
  fill:#c4b5fd !important;
}
html.theme-skeuo.ae-dark-mode body .sat-history-chart-wrap svg path[stroke="#0ea5e9"]{
  stroke:#7dd3fc !important;
}
html.theme-skeuo.ae-dark-mode body .sat-history-chart-wrap svg circle[fill="#0ea5e9"]{
  fill:#7dd3fc !important;
}

/* ═══ Hỗ trợ /ho-tro/ + contact — ct-side card + social icons ═══ */
html.theme-skeuo:not(.ae-dark-mode) body .acc .ct-side,
html.theme-skeuo:not(.ae-dark-mode) body .woocommerce-MyAccount-content .ct-side{
  background:linear-gradient(180deg,#fffefb,#f9f6ee) !important;
  border:1px solid rgba(21,25,30,.85) !important; border-radius:1.6rem !important;
  box-shadow:0 1px 1px rgba(0,0,0,.06),0 12px 28px -14px rgba(80,60,20,.35),inset 0 1px 0 #fff !important;
  padding:2.4rem !important; overflow:hidden !important;
}
html.theme-skeuo.ae-dark-mode body .acc .ct-side,
html.theme-skeuo.ae-dark-mode body .woocommerce-MyAccount-content .ct-side{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border:1px solid rgba(255,214,150,.14) !important; border-radius:16px !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.10),0 16px 34px -14px rgba(0,0,0,.7) !important;
  padding:2.4rem !important; overflow:hidden !important;
}
html.theme-skeuo body .acc .ct-side .b-inner,
html.theme-skeuo body .acc .ct-side .t-head,
html.theme-skeuo body .acc .ct-side .t-mid,
html.theme-skeuo body .woocommerce-MyAccount-content .ct-side .b-inner,
html.theme-skeuo body .woocommerce-MyAccount-content .ct-side .t-head,
html.theme-skeuo body .woocommerce-MyAccount-content .ct-side .t-mid{
  background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;
}
html.theme-skeuo body .social-gr{
  display:flex !important; flex-wrap:wrap !important; gap:10px !important; margin-top:12px !important;
}
html.theme-skeuo body .social-gr .ic-link{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:auto !important; height:auto !important; min-width:0 !important; min-height:0 !important;
  padding:4px !important; margin:0 !important;
  border:0 !important; background:transparent !important; box-shadow:none !important; outline:none !important;
  border-radius:0 !important;
}
html.theme-skeuo body .social-gr .ic-link img{
  display:block !important; max-width:28px !important; max-height:28px !important;
  border:0 !important; background:transparent !important; box-shadow:none !important; outline:none !important;
  padding:0 !important; margin:0 !important;
}
html.theme-skeuo.ae-dark-mode body .social-gr .ic-link img,
html.theme-skeuo.ae-dark-mode body .acc .ct-side .social-gr .ic-link img,
html.theme-skeuo.ae-dark-mode body .woocommerce-MyAccount-content .social-gr .ic-link img{
  filter:brightness(0) invert(1) !important; opacity:.92 !important;
}
html.theme-skeuo.ae-dark-mode body .social-gr .ic-link:hover img{
  opacity:1 !important;
}
html.theme-skeuo.ae-dark-mode body .acc .ct-side .t-head .txt,
html.theme-skeuo.ae-dark-mode body .acc .ct-side .text-link,
html.theme-skeuo.ae-dark-mode body .woocommerce-MyAccount-content .ct-side .t-des{
  color:#f1e6cd !important;
}
html.theme-skeuo:not(.ae-dark-mode) body .acc .ct-side .t-head .txt,
html.theme-skeuo:not(.ae-dark-mode) body .acc .ct-side .text-link{
  color:var(--color-tt,#15191e) !important;
}

/* ═══ Sổ từ vựng (/tu-vung/) — open notebook on wood desk ═══ */
html.theme-skeuo body .acc-panel.vocabulary-panel.vocab-notebook{
  --nb-ink:#9b2222;
  --nb-ink-hi:#b83030;
  --nb-margin:#c25248;
  --nb-margin-dk:#a63632;
  --nb-stamp-hi:#c44a3a;
  --nb-stamp-lo:#8e2218;
  --nb-stamp-edge:#6b1612;
  position:relative !important;
  overflow:hidden !important;
  padding:22px 26px 26px 54px !important;
  background:
    repeating-linear-gradient(180deg, transparent 0 31px, rgba(86,116,186,.055) 31px 32px),
    linear-gradient(180deg,#fffefb 0%,#faf4e4 48%,#f6efdf 100%) !important;
  border:1px solid #e6dcbe !important;
  border-radius:6px 20px 20px 6px !important;
  box-shadow:
    0 1px 1px rgba(0,0,0,.08),
    0 18px 36px -14px rgba(80,60,20,.48),
    inset 0 1px 0 #fff,
    inset 52px 0 0 rgba(255,251,245,.85) !important;
}
/* spiral binding holes */
html.theme-skeuo body .acc-panel.vocabulary-panel.vocab-notebook::before{
  content:"" !important;
  position:absolute !important; left:12px !important; top:18px !important; bottom:18px !important;
  width:18px !important;
  background:
    radial-gradient(circle at 50% 0, #b8b8ba 0 4px, #ececee 4px 5px, transparent 5px) 0 0 / 18px 34px repeat-y !important;
  pointer-events:none !important; z-index:2 !important; opacity:.72 !important;
}
/* red margin line */
html.theme-skeuo body .acc-panel.vocabulary-panel.vocab-notebook::after{
  content:"" !important;
  position:absolute !important; left:44px !important; top:0 !important; bottom:0 !important;
  width:2px !important;
  background:linear-gradient(180deg,rgba(194,82,72,.82),rgba(166,54,50,.9)) !important;
  box-shadow:1px 0 0 rgba(255,255,255,.45) !important;
  pointer-events:none !important; z-index:1 !important;
}
html.theme-skeuo body .vocabulary-panel .acc-head{
  position:relative !important; z-index:3 !important;
  border:0 !important; background:transparent !important; box-shadow:none !important;
  margin-bottom:18px !important;
}
html.theme-skeuo body .vocabulary-panel .acc-title{
  font-family:Georgia,'Times New Roman',serif !important;
  color:#2f2a22 !important;
  text-shadow:0 1px 0 #fff !important;
  letter-spacing:.01em !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-total{
  background:linear-gradient(180deg,var(--nb-stamp-hi),var(--nb-stamp-lo)) !important;
  border:1px solid var(--nb-stamp-edge) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -2px 4px rgba(60,10,8,.35),0 3px 8px rgba(110,30,20,.28) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.28) !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-btn-add-word{
  background:linear-gradient(180deg,var(--nb-stamp-hi),var(--nb-stamp-lo)) !important;
  border:1px solid var(--nb-stamp-edge) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -2px 4px rgba(60,10,8,.35),0 3px 8px rgba(110,30,20,.28) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.28) !important;
  border-radius:10px !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-btn-add-word:hover{
  background:linear-gradient(180deg,#d45644,#a62e24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 5px 12px rgba(110,30,20,.34) !important;
}
/* index tabs — dán nhôm trên mép sổ */
html.theme-skeuo body .vocabulary-panel .vocab-tabs-wrapper{
  position:relative !important; z-index:3 !important;
  border:0 !important; padding-bottom:0 !important; margin-bottom:14px !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-tab{
  background:linear-gradient(180deg,#fdfdfd,#e8e4dc) !important;
  border:1px solid #d0c8b8 !important; border-bottom:none !important;
  border-radius:10px 10px 0 0 !important; color:#5a5142 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(80,60,20,.1) !important;
  transform:translateY(3px) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.45) !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-tab:hover{
  background:linear-gradient(180deg,#fff,#f0ece4) !important; color:var(--nb-ink) !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-tab.active{
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border-color:#e6dcbe !important; color:var(--nb-ink) !important;
  transform:translateY(0) !important;
  box-shadow:inset 0 1px 0 #fff,0 -3px 8px rgba(80,60,20,.14) !important;
  border-bottom:2px solid #f6efdf !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-tab-add{
  background:linear-gradient(180deg,#faf8f2,#ece6d4) !important;
  border:1px dashed #c8b888 !important; color:#7a6b4e !important;
  box-shadow:inset 0 1px 0 #fff !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-tab-delete{
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important;
  border:1px solid #b3b3b5 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.12) !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-tab-delete:hover{
  background:linear-gradient(180deg,#ffe8e8,#f5bcbc) !important;
  border-color:#e57373 !important; color:#9b1c1c !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-tab-delete{
  background:linear-gradient(180deg,#5c2828,#3d1818) !important;
  border:1px solid rgba(194,82,72,.42) !important;
  color:#fca5a5 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 3px rgba(0,0,0,.38) !important;
  opacity:1 !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-tab-delete i,
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-tab-delete .fa-xmark{
  color:#fca5a5 !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-tab-delete:hover{
  background:linear-gradient(180deg,#9e2a22,#6b1612) !important;
  border-color:rgba(248,113,113,.55) !important; color:#fff !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-tab-delete:hover i{
  color:#fff !important;
}
/* search — ô khắc lõm trên giấy */
html.theme-skeuo body .vocabulary-panel .vocab-search-wrapper{
  background:linear-gradient(180deg,#faf8f2,#ece6d4) !important;
  border:1px solid #d3c7a6 !important;
  box-shadow:inset 0 2px 5px rgba(120,90,40,.14) !important;
  border-radius:10px !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-search-input{
  background:transparent !important; color:#2f2a22 !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-search-btn{
  background:linear-gradient(180deg,var(--nb-stamp-hi),var(--nb-stamp-lo)) !important;
  border-left:1px solid var(--nb-stamp-edge) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -2px 3px rgba(60,10,8,.28) !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-clear-search{
  background:linear-gradient(180deg,#f8e8e6,#e8c4c0) !important;
  border:1px solid #d4a09a !important; color:var(--nb-ink) !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(110,30,20,.1) !important;
}
/* trang giấy kẻ — bảng từ */
html.theme-skeuo body .vocabulary-panel .vocab-table-wrapper{
  position:relative !important; z-index:3 !important;
  background:
    repeating-linear-gradient(180deg, transparent 0 39px, rgba(86,116,186,.06) 39px 40px),
    linear-gradient(180deg,#fffdf8,#faf6ee) !important;
  border:1px solid #e2d6b8 !important;
  box-shadow:inset 0 2px 8px rgba(120,90,40,.14),0 1px 0 #fff !important;
  border-radius:10px !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-table thead th{
  background:linear-gradient(180deg,#fdf2f0,#f5e4e0) !important;
  border-bottom:2px solid #d4a09a !important;
  color:var(--nb-ink) !important;
  text-shadow:0 1px 0 #fff !important;
  box-shadow:inset 0 1px 0 #fff !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-table td{
  border-bottom:1px solid rgba(86,116,186,.07) !important;
  background:transparent !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-table tbody tr:hover td{
  background:rgba(245,228,224,.22) !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-word-text{
  font-family:Georgia,'Times New Roman',serif !important;
  color:var(--nb-ink) !important; text-shadow:0 1px 0 rgba(255,255,255,.8) !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-audio-btn-mini{
  background:linear-gradient(180deg,#dbeafe,#bfdbfe) !important;
  border:1px solid #93c5fd !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(37,99,235,.18) !important;
  color:#1d4ed8 !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-audio-btn-mini:hover{
  background:linear-gradient(180deg,#3b82f6,#2563eb) !important;
  color:#fff !important; border-color:#1d4ed8 !important;
}
html.theme-skeuo body .vocabulary-panel .example-item{
  background:linear-gradient(180deg,#faf8f2,#f3efe4) !important;
  border-left:3px solid var(--nb-ink-hi) !important;
  box-shadow:inset 0 1px 0 #fff !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-editable:hover{
  background:rgba(255,248,220,.28) !important;
  box-shadow:inset 0 0 0 1px rgba(155,34,34,.1) !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-cat-tag{
  background:var(--cat-color,#8a8278) !important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.34),rgba(0,0,0,.16)) !important;
  border:1px solid rgba(0,0,0,.22) !important;
  border-top-color:rgba(255,255,255,.32) !important;
  border-radius:4px 10px 10px 4px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 2px 5px rgba(0,0,0,.18) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.32) !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-cat-none{
  background:linear-gradient(180deg,#faf8f2,#ece6d4) !important;
  border:1px dashed #c8b888 !important; color:#7a6b4e !important;
  box-shadow:inset 0 1px 2px rgba(120,90,40,.08) !important;
  border-radius:4px 10px 10px 4px !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-category-select:hover .vocab-cat-none{
  border-color:#d4a09a !important; color:var(--nb-ink) !important;
  background:linear-gradient(180deg,#fdf2f0,#f0e0dc) !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-delete-btn{
  background:linear-gradient(180deg,#f8e8e6,#e8c4c0) !important;
  border:1px solid #d4a09a !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(110,30,20,.12) !important;
  color:var(--nb-ink) !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-delete-btn:hover{
  background:linear-gradient(180deg,var(--nb-stamp-hi),var(--nb-stamp-lo)) !important;
  color:#fff !important; border-color:var(--nb-stamp-edge) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 2px 6px rgba(110,30,20,.28) !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-pagination{
  border-top:1px solid rgba(120,90,40,.14) !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-page-link{
  background:linear-gradient(180deg,#fffefb,#f4ecd8) !important;
  border:1px solid #e0d4b2 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(80,60,20,.1) !important;
  color:#5a5142 !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-page-link.is-current{
  background:linear-gradient(180deg,#f4d98a,#c89b40) !important;
  border-color:#8d6822 !important; color:#4a3208 !important;
  box-shadow:inset 0 1px 0 rgba(255,249,222,.85),0 2px 5px rgba(90,68,28,.25) !important;
}
html.theme-skeuo body .vocabulary-panel .vocab-empty-icon{
  color:#f0a0a0 !important; text-shadow:0 2px 8px rgba(185,28,28,.15) !important;
}
/* modal thêm từ — gel paper */
html.theme-skeuo body .vocabulary-panel ~ .vocab-modal,
html.theme-skeuo body .vocab-modal{
  background:rgba(40,28,12,.06) !important;
  backdrop-filter:blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15) !important;
}
html.theme-skeuo body .vocab-modal.active{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:max(16px, env(safe-area-inset-top, 16px)) 16px 16px !important;
  overflow-y:auto !important;
}
html.theme-skeuo body .vocab-modal-content{
  background:linear-gradient(180deg,#fffefb,#f8f2e2) !important;
  border:1px solid #e6dcbe !important;
  box-shadow:0 24px 55px rgba(0,0,0,.38),inset 0 1px 0 #fff !important;
  border-radius:18px !important;
  width:min(400px,92vw) !important;
  max-height:min(90vh, calc(100dvh - 32px)) !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  margin:auto !important;
  flex-shrink:0 !important;
}
html.theme-skeuo body .vocab-modal-content.modal-wide{
  width:min(650px,92vw) !important;
  max-width:650px !important;
}
html.theme-skeuo body .vocab-modal-header{
  background:linear-gradient(180deg,#faf8f2,#ece6d4) !important;
  border-bottom:1px solid #d3c7a6 !important;
  flex-shrink:0 !important;
}
html.theme-skeuo body .vocab-modal-body{
  overflow-y:auto !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  -webkit-overflow-scrolling:touch !important;
}
html.theme-skeuo body .vocab-modal-footer{
  flex-shrink:0 !important;
}
html.theme-skeuo body .vocab-modal-close{
  width:28px !important; height:28px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  padding:0 !important; padding-bottom:0 !important; line-height:1 !important;
  border:1px solid #9a2218 !important; border-radius:50% !important;
  background:linear-gradient(180deg,#ff8a7d,#f25a4a 38%,#d43828 72%,#b82a1e) !important;
  color:transparent !important; font-size:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 2px 6px rgba(0,0,0,.28) !important;
}
html.theme-skeuo body .vocab-modal-close::after{
  content:"×"; font-size:18px; line-height:1; color:rgba(72,14,8,.9);
}
html.theme-skeuo body .vocab-btn-primary{
  background:linear-gradient(180deg,var(--nb-stamp-hi,#c44a3a),var(--nb-stamp-lo,#8e2218)) !important;
  border:1px solid var(--nb-stamp-edge,#6b1612) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -2px 4px rgba(60,10,8,.35),0 3px 8px rgba(110,30,20,.28) !important;
}
html.theme-skeuo body .vocab-btn-cancel,
html.theme-skeuo body .vocab-btn-secondary{
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important;
  border:1px solid #b3b3b5 !important; color:#5a5142 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(0,0,0,.14) !important;
}
html.theme-skeuo body .vocab-modal-body input,
html.theme-skeuo body .vocab-modal-body textarea,
html.theme-skeuo body .vocab-modal-body select{
  background:linear-gradient(180deg,#faf8f2,#ece6d4) !important;
  border:1px solid #d3c7a6 !important;
  box-shadow:inset 0 2px 5px rgba(120,90,40,.12) !important;
  border-radius:10px !important;
}
/* dark skeuo — sổ da + giấy walnut */
html.theme-skeuo.ae-dark-mode body .acc-panel.vocabulary-panel.vocab-notebook{
  background:
    repeating-linear-gradient(180deg, transparent 0 31px, rgba(255,214,150,.05) 31px 32px),
    linear-gradient(180deg,#3a3228 0%,#2f2820 52%,#241e16 100%) !important;
  border:1px solid rgba(255,214,150,.18) !important;
  box-shadow:
    0 18px 36px -14px rgba(0,0,0,.72),
    inset 0 1px 0 rgba(255,236,200,.1),
    inset 52px 0 0 rgba(36,30,22,.92) !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel.vocabulary-panel.vocab-notebook::before{
  background:
    radial-gradient(circle at 50% 0, #4a4034 0 4px, #2a241c 4px 5px, transparent 5px) 0 0 / 18px 34px repeat-y !important;
  opacity:.85 !important;
}
html.theme-skeuo.ae-dark-mode body .acc-panel.vocabulary-panel.vocab-notebook::after{
  background:linear-gradient(180deg,rgba(194,82,72,.72),rgba(166,54,50,.82)) !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-tab.active{
  background:linear-gradient(180deg,#443a2e,#332c22) !important;
  border-color:rgba(255,214,150,.2) !important; color:#e8a8a8 !important;
  border-bottom-color:#332c22 !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-table-wrapper{
  background:
    repeating-linear-gradient(180deg, transparent 0 39px, rgba(255,214,150,.04) 39px 40px),
    linear-gradient(180deg,#2a241c,#241e16) !important;
  border-color:rgba(255,214,150,.12) !important;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-table thead th{
  background:linear-gradient(180deg,#443a2e,#332c22) !important;
  border-bottom-color:rgba(194,82,72,.38) !important;
  color:#e8a8a8 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-table td{
  border-bottom-color:rgba(255,214,150,.06) !important; color:#ecdcb8 !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-table tbody tr:hover td{
  background:rgba(255,214,150,.04) !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-word-text{
  color:#d4847a !important; text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-editable:hover{
  background:rgba(255,214,150,.06) !important;
  box-shadow:inset 0 0 0 1px rgba(255,214,150,.1) !important;
  color:#f3ead2 !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-cat-tag{
  background-image:linear-gradient(180deg,rgba(255,255,255,.18),rgba(0,0,0,.28)) !important;
  border-color:rgba(0,0,0,.35) !important;
  border-top-color:rgba(255,255,255,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 6px rgba(0,0,0,.42) !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-cat-none{
  background:linear-gradient(180deg,#332c22,#241e16) !important;
  border:1px dashed rgba(255,214,150,.22) !important; color:#cbbf9e !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28) !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-category-select:hover .vocab-cat-none{
  border-color:rgba(194,82,72,.45) !important; color:#e8a8a8 !important;
  background:linear-gradient(180deg,#3a3026,#2c2419) !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-delete-btn{
  background:linear-gradient(180deg,#4a2828,#321818) !important;
  border:1px solid rgba(194,82,72,.38) !important;
  color:#e8a8a8 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 4px rgba(0,0,0,.42) !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-delete-btn:hover{
  background:linear-gradient(180deg,#9e2a22,#6b1612) !important;
  border-color:rgba(194,82,72,.55) !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 6px rgba(0,0,0,.48) !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-audio-btn-mini{
  background:linear-gradient(180deg,#3a4a62,#2a3648) !important;
  border:1px solid rgba(147,197,253,.22) !important;
  color:#93c5fd !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 3px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-audio-btn-mini:hover{
  background:linear-gradient(180deg,#2563eb,#1d4ed8) !important;
  color:#fff !important; border-color:#1e40af !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .acc-title{
  color:#f5ead0 !important; text-shadow:0 1px 2px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-tab:not(.active){
  background:linear-gradient(180deg,#3a3026,#2c2419) !important;
  border-color:rgba(255,214,150,.14) !important; color:#cbbf9e !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-search-wrapper{
  background:linear-gradient(180deg,#332c22,#241e16) !important;
  border-color:rgba(255,214,150,.16) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-search-input{
  color:#f3ead2 !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .example-item{
  background:linear-gradient(180deg,#332c22,#2a241c) !important;
  border-left-color:#f87171 !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .example-en{
  color:#ecdcb8 !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .example-vi{
  color:#cbbf9e !important;
}
html.theme-skeuo.ae-dark-mode body .vocab-modal.active{
  background:rgba(0,0,0,.02) !important;
}
html.theme-skeuo.ae-dark-mode body .vocab-modal-content{
  background:linear-gradient(180deg,#3a3228,#241e16) !important;
  border-color:rgba(255,214,150,.18) !important;
}
html.theme-skeuo.ae-dark-mode body .vocab-modal-header{
  background:linear-gradient(180deg,#443a2e,#332c22) !important;
  border-bottom-color:rgba(255,214,150,.12) !important;
}
html.theme-skeuo.ae-dark-mode body .vocab-modal-header h3{
  color:#f5ead0 !important;
}
html.theme-skeuo.ae-dark-mode body .vocab-modal-close{
  border:1px solid #ff6b5e !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 1px rgba(100,20,10,.42),0 0 0 2px rgba(255,107,94,.32),0 4px 14px rgba(0,0,0,.62) !important;
}
html.theme-skeuo.ae-dark-mode body .vocab-modal-close::after{
  color:#fff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.55) !important;
}
html.theme-skeuo.ae-dark-mode body .vocab-modal-body input,
html.theme-skeuo.ae-dark-mode body .vocab-modal-body textarea,
html.theme-skeuo.ae-dark-mode body .vocab-modal-body select{
  background:#241e16 !important;
  border-color:rgba(255,214,150,.16) !important;
  color:#f3ead2 !important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-empty-text{
  color:#cbbf9e !important;
}
html.theme-skeuo.ae-dark-mode body .vocabulary-panel .vocab-empty-hint{
  color:#9a8770 !important;
}