/* Performance: tắt overlay/blur nặng — KHÔNG phá layout admin */
body::before,
body::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}
.animate-blob,
.filter.blur-\[100px\],
.blur-\[100px\] {
    display: none !important;
    animation: none !important;
}
.animate-fade-in-up,
.animate-pop-in,
.animate-float,
.animate-pulse,
.animate-slideUp {
    animation: none !important;
}

/* ========== App đọc / thư viện ========== */
body:not(.admin-page) {
    --ink: #e8eef8;
    --muted: #8ea0b8;
    --line: #223049;
    --panel: #121a28;
    --panel-2: #0e1522;
    --canvas: #070b14;
    --accent: #5b9dff;
    background:
        radial-gradient(1200px 420px at 50% -80px, rgba(91,157,255,.16), transparent 60%),
        var(--canvas) !important;
    color: var(--ink);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body:not(.admin-page).light-mode {
    --ink: #122033;
    --muted: #5b6b80;
    --line: #d7e0ec;
    --panel: #ffffff;
    --panel-2: #f4f7fb;
    --canvas: #eef3f9;
    --accent: #2563eb;
    background:
        radial-gradient(1200px 420px at 50% -80px, rgba(37,99,235,.10), transparent 60%),
        var(--canvas) !important;
}
body:not(.admin-page) .liquid-glass,
body:not(.admin-page) header.liquid-glass,
body:not(.admin-page) .reader-topbar {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: #0e1522 !important;
    border-bottom: 1px solid #223049 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.22) !important;
}
body:not(.admin-page).light-mode .liquid-glass,
body:not(.admin-page).light-mode header.liquid-glass {
    background: #fff !important;
}
body:not(.admin-page) header .text-xl,
body:not(.admin-page) header .sm\:text-2xl {
    animation: none !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}
body:not(.admin-page) .page-title-motion {
    animation: none !important;
    border-left: 3px solid #5b9dff !important;
    padding-left: 12px !important;
    text-transform: none !important;
}
body:not(.admin-page) section.grid { gap: 14px; }
body:not(.admin-page) article {
    background: #121a28;
    border: 1px solid #223049;
    border-radius: 16px;
    overflow: hidden;
}
body:not(.admin-page) article img,
body:not(.admin-page) .group-hover\:scale-110 {
    transform: none !important;
}
body:not(.admin-page) .comic-badge {
    background: rgba(7,11,20,.72);
    color: #dbe7f6;
    border: 0;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 8px;
}
body:not(.admin-page) .manga-page {
    content-visibility: visible !important;
    background: #000 !important;
    width: 100%;
    display: block;
}
body:not(.admin-page) main.max-w-3xl { background: #000; }
body:not(.admin-page) .reader-topbar {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    column-gap: 10px;
    width: 100%;
    box-sizing: border-box;
}
body:not(.admin-page) .reader-topbar > a:first-child {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    align-self: center;
}
body:not(.admin-page) .reader-topbar > .reader-title-wrap {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: center;
    justify-content: center;
    width: min(720px, calc(100% - 15.5rem));
    max-width: calc(100% - 15.5rem);
    min-width: 0;
    padding-inline: 0;
}
body:not(.admin-page) .reader-topbar > .flex {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-self: center;
}
body:not(.admin-page) .reader-topbar h1.reader-title-motion {
    text-align: center;
    font-size: clamp(.95rem, 2vw, 1.2rem) !important;
    line-height: 1.25 !important;
    margin: 0;
}
body:not(.admin-page) .no-select { pointer-events: auto !important; }

/* ========== Admin: giữ bố cục gốc, chỉ bỏ blur ========== */
.admin-page {
    background: #0f172a !important;
    color: #e5e7eb;
}
.admin-page.light-mode,
html:not(.dark) .admin-page {
    background: #f8fafc !important;
}
.admin-page .liquid-glass {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: #111827 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}
html.dark .admin-page .liquid-glass {
    background: #111827 !important;
}
.admin-page header.liquid-glass {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    background: #0b1220 !important;
    box-shadow: 0 4px 18px rgba(0,0,0,.25) !important;
}
.admin-page header a > div.w-12 {
    background: linear-gradient(135deg, #3b82f6, #4f46e5) !important;
    color: #fff !important;
}
.admin-page header .text-2xl,
.admin-page header .text-transparent {
    -webkit-text-fill-color: unset;
    color: inherit;
    background-image: none;
}
.admin-page header .bg-clip-text {
    background-image: linear-gradient(90deg, #3b82f6, #4f46e5) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}
.admin-page main.admin-shell > .liquid-glass:first-of-type {
    border-radius: 36px !important;
    overflow: hidden;
    padding: 1.5rem 2rem !important;
}
.admin-page .tab-link {
    flex: 0 0 auto;
    border-radius: 20px !important;
}
.admin-page .overflow-x-auto {
    overflow-x: auto !important;
    scrollbar-width: thin;
}
.admin-page .grid.grid-cols-1 > .liquid-glass {
    border-radius: 32px !important;
    min-height: 180px;
}
.admin-page input,
.admin-page select,
.admin-page textarea {
    color: inherit;
}