/*
 * inline-extracted.css — extracted from templates/classic-theme/overall_header.php
 *
 * Originally these rules lived in 4 inline <style> blocks in <head> (137KB).
 * Moving them out lets the browser cache them (immutable, 1 year via nginx)
 * and shrinks every HTML response by ~3.5x. The theme-color block stayed inline
 * because it depends on $config['theme_color'].
 *
 * Sections (concatenated in original document order so cascade is preserved):
 *   1. Text logo styling
 *   2. Auth pages (login/register popup) styling
 *   3. Footer slogan
 *   4. Dashboard 2026 Restyling v4
 */

/* === 1. Text Logo Global Style === */
img.nav-logo-img,
.navbar-brand img,
.navbar-brand img.nav-logo-img,
#logo img,
#logo img.nav-logo-img,
#header img.nav-logo-img,
.ud-header img.nav-logo-img,
header img.nav-logo-img { 
    display:none !important; 
    width:0 !important; 
    height:0 !important; 
    visibility:hidden !important;
    overflow:hidden !important;
}
span.nav-logo-text {
    display:inline-block !important;
    font-family:'Instrument Serif',Georgia,serif !important;
    font-size:30px !important;
    font-weight:400 !important;
    font-style:normal !important;
    color:#1A1918 !important;
    text-decoration:none !important;
    letter-spacing:.02em !important;
    line-height:44px !important;
    height:44px !important;
    vertical-align:middle !important;
    text-transform:none !important;
}
#logo { display:flex !important; align-items:center !important; height:100% !important; }
#logo a { display:flex !important; align-items:center !important; }
#header { min-height:60px !important; }
#header .left-side { display:flex !important; align-items:center !important; }

/* === 2. Auth pages (Login/Register) clean styling === */
/* Hide titlebar completely */
#titlebar.gradient, #titlebar { display:none !important; }

/* Subtle floating card */
.login-register-page { 
    background:#fff !important; 
    border:1px solid #F2F2F2 !important; 
    border-radius:20px !important; 
    padding:48px 44px !important; 
    box-shadow:0 1px 6px rgba(0,0,0,.03) !important; 
    margin:72px auto 60px !important;
    max-width:520px !important;
}
.login-register-page .welcome-text { text-align:center !important; margin-bottom:36px !important; }
.login-register-page .welcome-text h3 { font-family:'Instrument Serif',Georgia,serif !important; font-size:32px !important; font-weight:400 !important; color:#1A1918 !important; margin-bottom:8px !important; }
.login-register-page .welcome-text span { font-size:15px !important; color:#53514B !important; }
.login-register-page .welcome-text a { color:#2A9FE8 !important; font-weight:600 !important; text-decoration:none !important; }

/* Input fields — white bg, clean border, aligned */
.login-register-page .input-with-icon-left { margin-bottom:12px !important; position:relative !important; }
.login-register-page .input-with-icon-left i,
.mfp-content .input-with-icon-left i,
.popup-dialog .input-with-icon-left i,
.small-dialog .input-with-icon-left i,
#sign-in-dialog .input-with-icon-left i { display:none !important; }
.login-register-page .input-with-icon-left,
.mfp-content .input-with-icon-left,
.popup-dialog .input-with-icon-left,
.small-dialog .input-with-icon-left,
#sign-in-dialog .input-with-icon-left { padding-left:0 !important; }
.login-register-page .input-text.with-border,
.mfp-content .input-text.with-border,
.popup-dialog .input-text.with-border,
.small-dialog .input-text.with-border,
#sign-in-dialog .input-text.with-border { padding-left:18px !important; border-radius:12px !important; }
.login-register-page .input-text.with-border { 
    border:1.5px solid #E0E0E0 !important; 
    border-radius:12px !important; 
    height:50px !important; 
    font-size:15px !important; 
    background:#fff !important; 
    transition:border-color .2s ease, box-shadow .2s ease !important; 
}
.login-register-page .input-text.with-border:focus { border-color:#3DB4FA !important; box-shadow:0 0 0 3px rgba(61,180,250,.08) !important; outline:none !important; }
.login-register-page .form-group { margin-bottom:12px !important; }

/* Primary button */
.login-register-page .button.full-width { background:#1A1918 !important; border:none !important; border-radius:12px !important; height:50px !important; font-size:15px !important; font-weight:600 !important; color:#fff !important; transition:background .2s ease !important; width:100% !important; }
.login-register-page .button.full-width:hover { background:#333 !important; }

/* Social login buttons */
.login-register-page .social-login-buttons { margin-bottom:4px !important; }
.login-register-page .social-login-buttons button { border-radius:12px !important; height:50px !important; border:1.5px solid #E0E0E0 !important; background:#fff !important; font-size:14px !important; font-weight:500 !important; transition:all .2s ease !important; width:100% !important; }
.login-register-page .social-login-buttons button:hover { background:#FAFAF7 !important; border-color:#D0CDC5 !important; }
/* Google button — dark text, not red */
.login-register-page .social-login-buttons .google-login,
.login-register-page .social-login-buttons .google-login span,
.mfp-content .social-login-buttons .google-login,
.social-login-buttons .google-login { color:#1A1918 !important; font-weight:500 !important; }
.login-register-page .social-login-separator { margin:16px 0 !important; }
.login-register-page .social-login-separator span { color:#B0B0B0 !important; font-size:13px !important; }

/* Forgot password */
.login-register-page .forgot-password,
.mfp-content .forgot-password,
.small-dialog .forgot-password { color:#2A9FE8 !important; font-size:13px !important; text-decoration:none !important; display:block !important; text-align:right !important; margin-top:-4px !important; margin-bottom:16px !important; }

/* Modal popup styling */
.mfp-content .small-dialog,
.mfp-content .login-register-page,
#sign-in-dialog .login-register-page { border-radius:20px !important; overflow:hidden !important; }
.mfp-content .button.full-width,
#sign-in-dialog .button.full-width { background:#1A1918 !important; border:none !important; border-radius:12px !important; height:50px !important; font-size:15px !important; font-weight:600 !important; color:#fff !important; }
.mfp-content .welcome-text h3,
#sign-in-dialog .welcome-text h3 { font-family:'Instrument Serif',Georgia,serif !important; font-size:28px !important; font-weight:400 !important; }

/* Checkbox */
.login-register-page .checkbox { margin:16px 0 !important; }
.login-register-page .checkbox label { font-size:13px !important; color:#6B6B6B !important; }

/* Remove bottom margin spacer */
.login-register-page ~ .margin-top-70,
.margin-top-70 { margin-top:0 !important; }

/* === 3. Footer slogan (all pages) === */
#footer .footer-logo .nav-logo-text { display:none !important; }
#footer .footer-logo img { display:none !important; }
.footer-slogan-text {
    font-family:'Instrument Serif',Georgia,'Times New Roman',serif !important;
    font-size:clamp(22px, 2.2vw, 36px) !important;
    font-weight:400 !important;
    font-style:italic !important;
    color:rgba(255,255,255,.92) !important;
    display:block !important;
    line-height:1.35 !important;
    letter-spacing:.01em !important;
    word-break:keep-all !important;
    overflow-wrap:break-word !important;
}

/* === 4. Dashboard 2026 Restyling v4 === */
/* The @import that used to live here was hoisted to a <link rel="preload"> +
   non-blocking stylesheet at the top of <head> so it loads in parallel
   instead of serially blocking the inline-CSS parser. */

/* --- Dashboard: Global — match front page #FAFAFA warm sand --- */
.dashboard-container,
.dashboard-content-container {
    background-color:#FAFAFA !important;
}
.dashboard-content-inner {
    font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif !important;
    -webkit-font-smoothing:antialiased !important;
}

/* --- Dashboard header bar --- */
#header-container.dashboard-header {
    background:#fff !important;
    border-bottom:1px solid #F0F0F0 !important;
    box-shadow:none !important;
}
#header-container.dashboard-header #header {
    box-shadow:none !important;
}

/* --- Language switcher: soften from dark #444 to warm light --- */
.language-switcher.bootstrap-select.btn-group button {
    background-color:#F3F3F3 !important;
    color:#5C5C5C !important;
    border:1px solid #E5E5E5 !important;
    border-radius:10px !important;
    height:38px !important;
    box-shadow:none !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:13px !important;
    font-weight:500 !important;
}
.language-switcher.bootstrap-select.btn-group button:hover,
.language-switcher.bootstrap-select.btn-group.open button {
    background-color:#F0F0F0 !important;
    color:#3D3D3D !important;
    border-color:#D5D5D5 !important;
}
.language-switcher.bootstrap-select.btn-group button .caret {
    border-top-color:#8A8A8A !important;
}
.language-switcher.bootstrap-select.btn-group button:hover .caret,
.language-switcher.bootstrap-select.btn-group.open button .caret {
    border-top-color:#5C5C5C !important;
}
.language-switcher.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    height:38px !important;
    line-height:38px !important;
}
/* Language dropdown: consistent with avatar dropdown */
.language-switcher .dropdown-menu {
    border-radius:14px !important;
    border:1px solid #F0F0F0 !important;
    box-shadow:0 8px 30px rgba(0,0,0,.10), 0 1px 3px rgba(0,0,0,.04) !important;
    padding:6px !important;
    overflow:hidden !important;
    background:#fff !important;
}
.language-switcher .dropdown-menu.inner {
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 !important;
}
.language-switcher .dropdown-menu li {
    background:transparent !important;
}
.language-switcher .dropdown-menu li a {
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    color:#3D3D3D !important;
    padding:10px 16px !important;
    border-radius:8px !important;
    border:none !important;
    background:transparent !important;
    transition:background .1s !important;
}
.language-switcher .dropdown-menu li a:hover {
    background:#F5F5F5 !important;
    color:#1A1918 !important;
}
.language-switcher .dropdown-menu li.selected a {
    background:#F5F5F5 !important;
    color:#1A1918 !important;
    font-weight:500 !important;
}

/* --- Headline: Instrument Serif --- */
.dashboard-headline h3 {
    font-family:'Instrument Serif',Georgia,serif !important;
    font-size:34px !important;
    font-weight:400 !important;
    color:#1A1918 !important;
    letter-spacing:.01em !important;
}
.dashboard-headline #breadcrumbs {
    display:none !important;
}
.dashboard-headline {
    margin-bottom:32px !important;
}

/* --- Word usage badge in headline: softer --- */
.word-used-wrapper {
    font-family:'DM Sans',sans-serif !important;
    font-size:13px !important;
    background:rgba(61,180,250,.06) !important;
    color:#3DB4FA !important;
    border:1px solid rgba(61,180,250,.1) !important;
    padding:5px 14px !important;
    border-radius:9999px !important;
    font-weight:500 !important;
}
.word-used-wrapper strong {
    font-weight:500 !important;
}
.word-used-wrapper i.icon-feather-bar-chart-2 {
    font-size:13px !important;
}

/* ============================================
   GLOBAL — Hide all scrollbar tracks
   ============================================ */
*::-webkit-scrollbar {
    width:0px !important;
    height:0px !important;
}
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-thumb {
    display:none !important;
}
* {
    scrollbar-width:none !important;
}

/* ============================================
   SIDEBAR — 240px, white, clean
   ============================================ */
.dashboard-sidebar {
    flex:0 0 240px !important;
    background:#fff !important;
    border-right:1px solid #F0F0F0 !important;
    box-shadow:none !important;
}

@media (min-width:1099px) {
    #header-container.dashboard-header #logo {
        width:241px !important;
        padding-left:24px !important;
    }
}

/* Sidebar section titles — Instrument Serif italic, slightly larger */
.dashboard-nav ul:before {
    font-family:'Instrument Serif',Georgia,serif !important;
    font-size:13px !important;
    font-weight:400 !important;
    font-style:italic !important;
    text-transform:none !important;
    letter-spacing:.01em !important;
    color:#B5B5B5 !important;
    padding:0 20px !important;
    margin-bottom:4px !important;
}

/* Sidebar nav items */
.dashboard-nav ul {
    margin:6px 0 0 !important;
}
.dashboard-nav ul:first-child {
    margin:12px 0 0 !important;
}
.dashboard-nav ul li {
    border-left:none !important;
    border-radius:0 !important;
    margin:2px 10px !important;
    line-height:22px !important;
    font-size:14px !important;
    transition:all 120ms ease !important;
    border-radius:8px !important;
}
.dashboard-nav ul li a {
    font-family:'DM Sans',sans-serif !important;
    color:#6B6B6B !important;
    padding:9px 14px !important;
    font-size:14px !important;
    font-weight:500 !important;
    transition:all 120ms ease !important;
}
.dashboard-nav ul li a i {
    color:#B0B0B0 !important;
    font-size:17px !important;
    width:20px !important;
    transition:all 120ms ease !important;
}

/* Arrow indicator — hide by default */
.dashboard-nav ul li a:after {
    display:none !important;
    content:none !important;
}

/* Active & hover — soft rounded highlight */
.dashboard-nav ul li.active,
.dashboard-nav ul li:hover {
    border-color:transparent !important;
    background-color:#F2F2F2 !important;
}
.dashboard-nav ul li.active a,
.dashboard-nav ul li:hover a {
    color:#1A1918 !important;
    font-weight:600 !important;
}
.dashboard-nav ul li.active a i,
.dashboard-nav ul li:hover a i {
    color:#1A1918 !important;
}
.dashboard-nav ul li.active-submenu {
    border-color:transparent !important;
    background-color:#F2F2F2 !important;
}
.dashboard-nav ul li.active-submenu > a {
    color:#1A1918 !important;
    font-weight:600 !important;
}
.dashboard-nav ul li.active-submenu > a i {
    color:#1A1918 !important;
}
.dashboard-nav ul li.active-submenu a:after,
.dashboard-nav ul li.active a:after,
.dashboard-nav ul li:hover a:after {
    color:#1A1918 !important;
    background:transparent !important;
}

/* Submenu children */
.dashboard-nav ul li ul li {
    padding-left:48px !important;
}
.dashboard-nav ul li ul li:hover {
    border-color:transparent !important;
    background-color:transparent !important;
}
.dashboard-nav ul li ul li a {
    color:#8A8A8A !important;
    font-size:13px !important;
    font-weight:400 !important;
}
.dashboard-nav ul li ul li:hover a,
.dashboard-nav ul li ul li.active a {
    color:#1A1918 !important;
    font-weight:500 !important;
}

/* ============================================
   STAT CARDS — Glass card, Instrument Serif numbers
   ============================================ */
.fun-facts-container {
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:16px !important;
    width:100% !important;
    margin-bottom:0 !important;
}
.fun-fact {
    background:rgba(255,255,255,.8) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
    border:1px solid rgba(255,255,255,.5) !important;
    border-radius:20px !important;
    padding:28px !important;
    margin:0 !important;
    box-shadow:0 1px 3px rgba(0,0,0,.02) !important;
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    transition:all 200ms cubic-bezier(.25,.46,.45,.94) !important;
    flex:none !important;
    height:auto !important;
    cursor:default !important;
}
.fun-fact:hover {
    border-color:rgba(61,180,250,.15) !important;
    box-shadow:0 4px 20px rgba(0,0,0,.04) !important;
    transform:translateY(-2px) !important;
}

.fun-fact .fun-fact-icon {
    display:none !important;
}

.fun-fact .fun-fact-text {
    flex:none !important;
    margin:0 !important;
    width:100% !important;
}
.fun-fact .fun-fact-text span {
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    font-weight:500 !important;
    color:#8A8A8A !important;
    display:block !important;
    margin-bottom:8px !important;
    line-height:1.3 !important;
}
/* Numbers — Instrument Serif */
.fun-fact .fun-fact-text h4 {
    font-family:'Instrument Serif',Georgia,serif !important;
    font-size:36px !important;
    font-weight:400 !important;
    color:#1A1918 !important;
    line-height:1.1 !important;
    margin:0 !important;
    display:flex !important;
    align-items:baseline !important;
    gap:6px !important;
}
/* Denominator — DM Sans */
.fun-fact .fun-fact-text h4 small {
    font-family:'DM Sans',sans-serif !important;
    font-size:15px !important;
    font-weight:400 !important;
    color:#B0B0B0 !important;
}

/* Plan name — serif */
.fun-fact .fun-fact-text h4 .pal-plan-name {
    font-family:'Instrument Serif',Georgia,serif !important;
    font-size:32px !important;
    font-weight:400 !important;
    color:#1A1918 !important;
}

/* Upgrade pill */
.pal-upgrade-link {
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-family:'DM Sans',sans-serif;
    font-size:14px;
    font-weight:600;
    color:#3DB4FA;
    text-decoration:none;
    transition:all 150ms ease;
    padding:6px 16px;
    background:rgba(61,180,250,.06);
    border-radius:9999px;
    border:1px solid rgba(61,180,250,.12);
    margin-top:4px;
}
.pal-upgrade-link:hover {
    color:#2AA3E9;
    background:rgba(61,180,250,.10);
    border-color:rgba(61,180,250,.2);
    text-decoration:none;
    transform:translateY(-1px);
}
.pal-upgrade-link svg { flex-shrink:0; }

/* Progress bar */
.pal-stat-progress {
    width:100%;
    height:5px;
    background:rgba(0,0,0,.04);
    border-radius:3px;
    overflow:hidden;
    margin-top:2px;
}
.pal-stat-progress-bar {
    height:100%;
    border-radius:3px;
    transition:width .6s cubic-bezier(.4,0,.2,1);
    min-width:2px;
}
.pal-stat-progress-bar.color-blue { background:#3DB4FA; }
.pal-stat-progress-bar.color-green { background:#22C55E; }
.pal-stat-progress-bar.color-amber { background:#F59E0B; }
.pal-stat-progress-bar.color-purple { background:#8B5CF6; }

/* ============================================
   DASHBOARD BOX — General
   ============================================ */
.dashboard-box {
    background:rgba(255,255,255,.8) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
    border:1px solid rgba(255,255,255,.5) !important;
    border-radius:20px !important;
    box-shadow:0 1px 3px rgba(0,0,0,.02) !important;
    overflow:hidden !important;
}
.dashboard-box .headline {
    border-bottom:1px solid rgba(0,0,0,.04) !important;
    padding:20px 28px !important;
}
.dashboard-box .headline h3 {
    font-family:'DM Sans',sans-serif !important;
    font-size:15px !important;
    font-weight:600 !important;
    color:#5C5C5C !important;
}
.dashboard-box .headline h3 i {
    color:#B0B0B0 !important;
}

/* ============================================
   TEMPLATES PAGE — Card & category styling
   ============================================ */
/* Search input */
.dashboard-content-inner input.border-pilled {
    border:1px solid #E8E8E8 !important;
    background:#fff !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:15px !important;
    color:#1A1918 !important;
    padding:14px 24px !important;
    border-radius:14px !important;
    box-shadow:0 1px 3px rgba(0,0,0,.02) !important;
    transition:border-color 150ms ease, box-shadow 150ms ease !important;
}
.dashboard-content-inner input.border-pilled:focus {
    border-color:#D0D0D0 !important;
    box-shadow:0 2px 8px rgba(0,0,0,.04) !important;
    outline:none !important;
}
.dashboard-content-inner input.border-pilled::placeholder {
    color:#B0B0B0 !important;
}

/* Category filter bar — inline tabs, no box */
.template-categories {
    background:transparent !important;
    border:none !important;
    border-radius:0 !important;
    padding:0 !important;
    box-shadow:none !important;
    display:block !important;
    margin-bottom:24px !important;
    border-bottom:1px solid #F0F0F0 !important;
}
.template-categories ul {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:0 !important;
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}
.template-categories ul li {
    padding:10px 16px !important;
    font-size:14px !important;
    border-radius:0 !important;
    transition:all .12s !important;
    border-bottom:2px solid transparent !important;
    margin-bottom:-1px !important;
}
.template-categories ul li a {
    color:#8A8A8A !important;
    font-family:'DM Sans',sans-serif !important;
    font-weight:500 !important;
    text-decoration:none !important;
}
.template-categories ul li a:hover {
    color:#1A1918 !important;
}
.template-categories ul li.active {
    background:transparent !important;
    border-bottom-color:#1A1918 !important;
}
.template-categories ul li.active a {
    color:#1A1918 !important;
}

/* Category section title */
.ai-templates-category-title h4 {
    font-family:'DM Sans',sans-serif !important;
    font-weight:600 !important;
    font-size:14px !important;
    color:#6B6B6B !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    border-bottom:none !important;
    padding-bottom:4px !important;
    margin-top:12px !important;
    margin-bottom:0 !important;
}

/* Task cards — compact inline layout */
.pal-task-card {
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:14px 16px !important;
    background:#fff !important;
    border:1px solid #F0F0F0 !important;
    border-radius:12px !important;
    text-decoration:none !important;
    color:inherit !important;
    transition:all .15s ease !important;
    margin-bottom:8px !important;
    cursor:pointer !important;
}
.pal-task-card:hover {
    border-color:#E0E0E0 !important;
    background:#FAFAFA !important;
    text-decoration:none !important;
    color:inherit !important;
}
.pal-task-icon {
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border-radius:10px !important;
    background:#F5F5F5 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.pal-task-icon i {
    font-size:16px !important;
    color:#8A8A8A !important;
}
.pal-task-info {
    flex:1 !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:1px !important;
}
.pal-task-title {
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    font-weight:500 !important;
    color:#1A1918 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.pal-task-desc {
    font-family:'DM Sans',sans-serif !important;
    font-size:12px !important;
    color:#A0A0A0 !important;
    line-height:1.4 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.pal-task-pro-badge {
    display:inline-block !important;
    font-size:10px !important;
    font-weight:600 !important;
    color:#D4A017 !important;
    background:#FFF8E1 !important;
    padding:1px 6px !important;
    border-radius:4px !important;
    margin-left:6px !important;
    vertical-align:middle !important;
}
.pal-task-pro {
    opacity:.6 !important;
}
.pal-task-pro:hover {
    opacity:.8 !important;
}

/* Template card link — no underline */
.ai-template-blocks a {
    text-decoration:none !important;
}
.ai-template-blocks a:hover {
    text-decoration:none !important;
}

/* Grid: tighter spacing */
.ai-template-blocks .col-md-4 {
    padding-left:4px !important;
    padding-right:4px !important;
}
.ai-template-blocks .col-md-12.ai-templates-category-title {
    padding-left:4px !important;
    margin-top:16px !important;
}
.ai-template-blocks .col-md-12.ai-templates-category-title:first-child {
    margin-top:0 !important;
}

/* ============================================
   AI ASSISTANTS PAGE — Chat bot cards
   ============================================ */
/* Notification banner */
.notification.notice {
    background:rgba(61,180,250,.04) !important;
    border:1px solid rgba(61,180,250,.1) !important;
    border-radius:14px !important;
    color:#5C5C5C !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:15px !important;
    padding:16px 24px !important;
}

/* Chat bot cards — use .dashboard-box general styling already applied */
/* Chat Now button */
.dashboard-content-inner .button,
.dashboard-content-inner button.button {
    font-family:'DM Sans',sans-serif !important;
    border-radius:12px !important;
    font-weight:600 !important;
    font-size:14px !important;
    transition:all 150ms ease !important;
}

/* ============================================
   AI IMAGES PAGE — Generate button
   ============================================ */
.dashboard-content-inner .button.ripple-effect {
    border-radius:9999px !important;
    font-family:'DM Sans',sans-serif !important;
}

/* ============================================
   DASHBOARD FOOTER — Slightly more visible
   ============================================ */
.dashboard-content-inner .small-footer {
    border-top:1px solid #F0F0F0 !important;
    background:transparent !important;
}
.small-footer .footer-copyright {
    font-family:'Instrument Serif',Georgia,serif !important;
    font-style:italic !important;
    font-size:14px !important;
    font-weight:400 !important;
    color:#A8A59E !important;
}
.small-footer .footer-social-links li a {
    color:#B0B0B0 !important;
}
.small-footer .footer-social-links li a:hover {
    color:#3DB4FA !important;
}

/* ============================================
   QUICK ACTIONS — DM Sans titles (not serif)
   ============================================ */
.pal-quick-actions {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:16px;
    margin-top:24px;
}
.pal-quick-action {
    display:flex;
    align-items:center;
    gap:16px;
    padding:24px 28px;
    background:rgba(255,255,255,.8);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.5);
    border-radius:20px;
    text-decoration:none;
    color:inherit;
    box-shadow:0 1px 3px rgba(0,0,0,.02);
    transition:all 200ms cubic-bezier(.25,.46,.45,.94);
}
.pal-quick-action:hover {
    border-color:rgba(61,180,250,.15);
    background:rgba(255,255,255,.95);
    transform:translateY(-2px);
    box-shadow:0 8px 28px rgba(0,0,0,.05);
    text-decoration:none;
    color:inherit;
}
.pal-quick-action-icon {
    width:48px;
    height:48px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    font-size:20px;
}
.pal-quick-action-icon.bg-blue { background:#EEF8FF; color:#3DB4FA; }
.pal-quick-action-icon.bg-green { background:#ECFDF5; color:#22C55E; }
.pal-quick-action-icon.bg-purple { background:#F3F0FF; color:#8B5CF6; }
.pal-quick-action-icon.bg-amber { background:#FFF7ED; color:#F59E0B; }
/* Title — DM Sans, clean product UI */
.pal-quick-action-text {
    font-family:'DM Sans',sans-serif;
    font-size:16px;
    font-weight:600;
    color:#1A1918;
}
.pal-quick-action-text small {
    display:block;
    font-family:'DM Sans',sans-serif;
    font-size:13px;
    font-weight:400;
    color:#8A8A8A;
    margin-top:3px;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width:1024px) {
    .fun-facts-container {
        grid-template-columns:1fr 1fr !important;
    }
    .pal-quick-actions {
        grid-template-columns:1fr 1fr;
    }
}
@media (max-width:768px) {
    .dashboard-sidebar {
        flex:0 0 0 !important;
    }
    .fun-facts-container {
        grid-template-columns:1fr !important;
    }
    .pal-quick-actions {
        grid-template-columns:1fr;
    }
    .dashboard-headline h3 {
        font-size:28px !important;
    }
}

/* ============================================
   AI CHARACTERS PAGE — Compact cards
   ============================================ */

/* Smaller chatbot cards: 5 per row on large screens */
.ai-template-blocks .col-lg-3 {
    flex:0 0 20% !important;
    max-width:20% !important;
}
/* Card inner padding */
.ai-template-blocks .dashboard-box .padding-top-20.padding-right-20.padding-left-20.padding-bottom-20 {
    padding:12px 14px 14px !important;
}
.ai-template-blocks .dashboard-box h3 {
    font-size:15px !important;
    margin-bottom:2px !important;
}
.ai-template-blocks .dashboard-box small {
    font-size:12px !important;
}
.ai-template-blocks .dashboard-box .margin-top-15 {
    margin-top:10px !important;
}
.ai-template-blocks .dashboard-box .button {
    padding:8px 16px !important;
    font-size:13px !important;
}
@media (max-width:992px) {
    .ai-template-blocks .col-lg-3 {
        flex:0 0 33.333% !important;
        max-width:33.333% !important;
    }
}

/* ============================================
   DOCUMENTS / DRAFTS — Modern list style
   ============================================ */
/* Keep basic-table for other pages (membership etc) */
table.basic-table {
    border-collapse:separate !important;
    border-spacing:0 !important;
    width:100% !important;
    border:none !important;
}
table.basic-table thead th {
    background:#FAFAFA !important;
    color:#8A8A8A !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:12px !important;
    font-weight:600 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
    padding:12px 16px !important;
    border-bottom:1px solid #F0F0F0 !important;
    border-top:1px solid #F0F0F0 !important;
}
table.basic-table thead th:first-child { border-radius:10px 0 0 10px !important; border-left:1px solid #F0F0F0 !important; }
table.basic-table thead th:last-child { border-radius:0 10px 10px 0 !important; border-right:1px solid #F0F0F0 !important; }
table.basic-table tbody tr { background:#fff !important; transition:background .1s !important; }
table.basic-table tbody tr:hover { background:#FAFAFA !important; }
table.basic-table tbody tr:nth-child(odd) { background:#fff !important; }
table.basic-table td { padding:14px 16px !important; border-bottom:1px solid #F5F5F5 !important; font-family:'DM Sans',sans-serif !important; font-size:14px !important; color:#3D3D3D !important; vertical-align:middle !important; }

/* Drafts list — light card rows */
.pal-drafts-list {
    display:flex;
    flex-direction:column;
    gap:6px;
}
.pal-draft-item {
    display:flex;
    align-items:center;
    position:relative;
    border-radius:12px;
    border:1px solid #F0F0F0;
    background:#fff;
    transition:all .15s;
}
.pal-draft-item:hover {
    border-color:#E5E5E5;
    background:#FAFAFA;
}
.pal-draft-link {
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
    padding:14px 16px;
    text-decoration:none !important;
    color:inherit !important;
    border-radius:10px;
}
.pal-draft-link:hover {
    text-decoration:none !important;
    color:inherit !important;
}
.pal-draft-title {
    font-family:'DM Sans',sans-serif;
    font-size:14px;
    font-weight:500;
    color:#1A1918;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.pal-draft-preview {
    font-family:'DM Sans',sans-serif;
    font-size:13px;
    color:#A0A0A0;
    line-height:1.4;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.pal-draft-meta {
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:2px;
}
.pal-draft-template {
    font-family:'DM Sans',sans-serif;
    font-size:11px;
    color:#B0B0B0;
    display:flex;
    align-items:center;
    gap:4px;
}
.pal-draft-template i {
    font-size:11px;
    color:#C5C5C5;
}
.pal-draft-date {
    font-family:'DM Sans',sans-serif;
    font-size:11px;
    color:#C5C5C5;
}
/* Delete button — hidden by default, show on hover */
.pal-draft-delete {
    display:none;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    min-width:32px;
    border-radius:8px;
    border:none;
    background:transparent;
    color:#C5C5C5;
    cursor:pointer;
    font-size:14px;
    transition:all .12s;
    margin-right:8px;
}
.pal-draft-item:hover .pal-draft-delete {
    display:flex;
}
.pal-draft-delete:hover {
    color:#EF4444;
    background:#FEF2F2;
}
/* Empty state */
.pal-drafts-empty {
    text-align:center;
    padding:60px 20px;
    color:#C5C5C5;
}
.pal-drafts-empty i {
    font-size:36px;
    display:block;
    margin-bottom:12px;
}
.pal-drafts-empty p {
    font-family:'DM Sans',sans-serif;
    font-size:14px;
    color:#A0A0A0;
}

/* ============================================
   AI CHAT — Fullscreen immersive layout (2026)
   ============================================ */

/* Remove padding; use calc height to guarantee input stays in viewport */
.pal-chat-fullscreen {
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    height:calc(100vh - 60px) !important;
    max-height:calc(100vh - 60px) !important;
    overflow:hidden !important;
}

/* Kill simplebar scrolling on chat page — we manage our own scroll */
.dashboard-content-container:has(.pal-chat-fullscreen),
.dashboard-content-container:has(.pal-chat-fullscreen) .simplebar-content-wrapper {
    overflow:hidden !important;
}
.dashboard-content-container:has(.pal-chat-fullscreen) .simplebar-content {
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
}
.dashboard-content-container:has(.pal-chat-fullscreen) .simplebar-track {
    display:none !important;
}

/* Hide the dashboard headline + notification + footer in chat fullscreen */
.pal-chat-fullscreen .dashboard-headline,
.pal-chat-fullscreen .pal-chat-headline,
.pal-chat-fullscreen .notification.notice,
.pal-chat-fullscreen .dashboard-footer-spacer,
.pal-chat-fullscreen .small-footer {
    display:none !important;
}

/* Chat container: fill all available space */
.pal-chat-container {
    flex:1 !important;
    display:flex !important;
    flex-direction:column !important;
    border-radius:0 !important;
    border:none !important;
    box-shadow:none !important;
    margin:0 !important;
    background:#fff !important;
    min-height:0 !important;
    overflow:hidden !important;
}
.pal-chat-container .messages-container-inner {
    flex:1 !important;
    display:flex !important;
    min-height:0 !important;
    position:relative !important;
    overflow:hidden !important;
}

/* Message content: fill remaining width */
.pal-chat-container .message-content {
    flex:1 !important;
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
}

/* Message content inner: scrollable area fills available height */
.pal-chat-container .message-content-inner {
    flex:1 !important;
    max-height:none !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:32px 0 16px 0 !important;
}

/* --- Topbar: clean minimal header --- */
.pal-chat-topbar {
    display:flex !important;
    align-items:center !important;
    padding:8px 20px !important;
    border-bottom:1px solid #F5F5F5 !important;
    background:#fff !important;
    min-height:46px !important;
    gap:8px !important;
    flex-shrink:0 !important;
}
.pal-chat-topbar h4 {
    flex:0 0 auto !important;
    margin:0 !important;
    font-size:14px !important;
    font-weight:500 !important;
    font-family:'DM Sans',sans-serif !important;
    color:#1A1918 !important;
}
/* Conversation title in topbar center — primary visual anchor */
.pal-chat-conv-title {
    flex:1 !important;
    font-size:15px !important;
    color:#1A1918 !important;
    font-family:'DM Sans',sans-serif !important;
    font-weight:600 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-align:center !important;
    letter-spacing:-0.01em !important;
}

/* --- Topbar menu dropdown (replaces 2 buttons) --- */
.pal-chat-menu-wrapper {
    position:relative !important;
}
.pal-chat-menu-btn {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:32px !important;
    height:32px !important;
    border-radius:8px !important;
    color:#B0B0B0 !important;
    background:transparent !important;
    border:none !important;
    cursor:pointer !important;
    transition:background .15s !important;
    font-size:17px !important;
    text-decoration:none !important;
}
.pal-chat-menu-btn:hover {
    background:#F2F2F2 !important;
    color:#1A1918 !important;
}
.pal-chat-menu-dropdown {
    position:absolute !important;
    top:100% !important;
    right:0 !important;
    margin-top:4px !important;
    min-width:200px !important;
    background:#fff !important;
    border:1px solid #F0F0F0 !important;
    border-radius:12px !important;
    box-shadow:0 4px 20px rgba(0,0,0,.08) !important;
    padding:6px !important;
    z-index:200 !important;
    display:none !important;
}
.pal-chat-menu-dropdown.pal-menu-open {
    display:block !important;
}
.pal-chat-menu-dropdown a {
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:10px 14px !important;
    font-size:14px !important;
    color:#3D3D3D !important;
    text-decoration:none !important;
    border-radius:8px !important;
    transition:background .12s !important;
    font-family:'DM Sans',sans-serif !important;
}
.pal-chat-menu-dropdown a:hover {
    background:#F3F3F3 !important;
}
.pal-chat-menu-dropdown a.pal-menu-danger {
    color:#D94040 !important;
}
.pal-chat-menu-dropdown a.pal-menu-danger:hover {
    background:#FEF2F2 !important;
}
.pal-chat-menu-dropdown a i {
    font-size:15px !important;
}

/* Topbar left: toggle button */
.pal-chat-topbar-left {
    display:flex !important;
    align-items:center !important;
    gap:2px !important;
    margin-right:4px !important;
}
.pal-chat-toggle-btn {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:32px !important;
    height:32px !important;
    border-radius:8px !important;
    color:#B0B0B0 !important;
    background:transparent !important;
    border:none !important;
    cursor:pointer !important;
    transition:background .15s, color .15s !important;
    font-size:16px !important;
    text-decoration:none !important;
}
.pal-chat-toggle-btn:hover {
    background:#F2F2F2 !important;
    color:#1A1918 !important;
}

/* --- Template page sidebar collapse/expand --- */
/* Collapse button li: positioned at top-right, no extra space */
.pal-sidebar-collapse-li {
    position:absolute !important;
    top:8px !important;
    right:8px !important;
    margin:0 !important;
    padding:0 !important;
    border:none !important;
    background:transparent !important;
}
.pal-sidebar-collapse-li a.pal-sidebar-collapse-btn {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:28px !important;
    height:28px !important;
    min-height:28px !important;
    border-radius:6px !important;
    color:#C0C0C0 !important;
    background:transparent !important;
    border:none !important;
    cursor:pointer !important;
    transition:background .15s, color .15s !important;
    font-size:15px !important;
    text-decoration:none !important;
    padding:0 !important;
    margin:0 !important;
    gap:0 !important;
}
.pal-sidebar-collapse-btn:hover {
    background:#F2F2F2 !important;
    color:#1A1918 !important;
}
/* Nav needs relative for absolute positioning */
.pal-sidebar-top-nav {
    position:relative !important;
}
/* Expand button: visible when sidebar is hidden */
.pal-sidebar-expand-btn {
    display:none !important;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    border-radius:6px;
    color:#C0C0C0;
    background:#fff;
    border:1px solid #F0F0F0;
    cursor:pointer;
    transition:background .15s, color .15s, box-shadow .15s;
    font-size:15px;
    position:absolute;
    left:12px;
    top:20px;
    z-index:200;
    box-shadow:0 1px 4px rgba(0,0,0,.06);
}
.pal-sidebar-expand-btn.pal-show {
    display:flex !important;
}
.pal-sidebar-expand-btn:hover {
    background:#F7F7F7;
    color:#1A1918;
    box-shadow:0 2px 8px rgba(0,0,0,.1);
}
/* Container needs relative for expand button positioning */
.pal-template-page {
    position:relative !important;
}
/* Smooth sidebar collapse transition */
.dashboard-sidebar {
    transition:flex-basis .25s ease, width .25s ease !important;
    overflow:hidden !important;
}
.dashboard-sidebar.hide-sidebar {
    flex:0 0 0 !important;
    min-width:0 !important;
    visibility:hidden !important;
}

/* --- Sidebar conversation history (embedded in nav sidebar) --- */
.pal-sidebar-conversations {
    border-top:1px solid #F2F2F2 !important;
    margin-top:12px !important;
    padding-top:4px !important;
}
.pal-sidebar-conv-header {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:8px 20px 6px !important;
    font-size:11px !important;
    font-weight:500 !important;
    text-transform:none !important;
    letter-spacing:.03em !important;
    color:#B5B5B5 !important;
    font-family:'DM Sans',sans-serif !important;
}
.pal-new-conv-btn {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:24px !important;
    height:24px !important;
    border-radius:6px !important;
    color:#8A8A8A !important;
    background:transparent !important;
    border:none !important;
    cursor:pointer !important;
    font-size:14px !important;
    transition:background .12s !important;
    text-decoration:none !important;
}
.pal-new-conv-btn:hover {
    background:#F2F2F2 !important;
    color:#1A1918 !important;
}
/* Conversation list items in sidebar */
.pal-sidebar-conversations #conversations-wrapper {
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
    max-height:none !important;
}
.pal-sidebar-conversations #conversations-wrapper li {
    animation:none !important;
    position:relative !important;
    display:flex !important;
    align-items:center !important;
}
.pal-sidebar-conversations #conversations-wrapper li:before {
    display:none !important;
}
.pal-sidebar-conversations #conversations-wrapper li:nth-child(2n) {
    background:transparent !important;
}
.pal-sidebar-conversations #conversations-wrapper li a.conversation {
    display:flex !important;
    align-items:center !important;
    padding:10px 32px 10px 20px !important;
    text-decoration:none !important;
    flex:1 !important;
    min-width:0 !important;
    min-height:38px !important;
    box-sizing:border-box !important;
    line-height:1 !important;
}
.pal-sidebar-conversations #conversations-wrapper li a.conversation .message-by,
.pal-sidebar-conversations #conversations-wrapper li a.conversation .message-by-headline {
    display:flex !important;
    align-items:center !important;
    min-height:0 !important;
    line-height:1 !important;
}
.pal-sidebar-conversations #conversations-wrapper li:hover {
    background:#F3F3F3 !important;
}
.pal-sidebar-conversations #conversations-wrapper li.active-message {
    background:#F2F2F2 !important;
}
.pal-sidebar-conversations .message-by {
    margin-left:0 !important;
}
.pal-sidebar-conversations .message-by,
.pal-sidebar-conversations .message-by-headline {
    min-width:0 !important;
    overflow:hidden !important;
}
.pal-sidebar-conversations .message-by h5 {
    font-size:13px !important;
    font-weight:400 !important;
    color:#5C5C5C !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1.3 !important;
}
.pal-sidebar-conversations .message-by,
.pal-sidebar-conversations .message-by-headline,
.pal-sidebar-conversations .message-by-headline h5,
.messages-container-inner .pal-sidebar-conversations .message-by-headline h5,
.pal-chat-container .pal-sidebar-conversations .message-by-headline h5 {
    margin:0 !important;
    padding:0 !important;
    margin-bottom:0 !important;
}
.pal-sidebar-conversations .message-by-headline:after,
.pal-sidebar-conversations .message-by-headline:before {
    display:none !important;
    content:none !important;
    height:0 !important;
    line-height:0 !important;
}
.pal-sidebar-conversations .message-by-headline span {
    display:none !important;
}
/* Active conversation title darker */
.pal-sidebar-conversations #conversations-wrapper li.active-message .message-by h5 {
    color:#1A1918 !important;
    font-weight:500 !important;
}
/* Hide time, content, edit span */
.pal-sidebar-conversations .conversation-msg,
.pal-sidebar-conversations .conversation-time,
.pal-sidebar-conversations .conversation-edit {
    display:none !important;
}
/* Title input — hidden by default, shown by JS inline style */
.pal-sidebar-conversations .conversation-title {
    display:none;
    font-family:'DM Sans',sans-serif !important;
    font-size:13px !important;
    font-weight:400 !important;
    color:#1A1918 !important;
    border:1px solid #D5D5D5 !important;
    border-radius:6px !important;
    padding:4px 8px !important;
    height:28px !important;
    width:100% !important;
    background:#fff !important;
    outline:none !important;
    box-shadow:0 0 0 2px rgba(0,0,0,.06) !important;
    margin:0 !important;
    box-sizing:border-box !important;
}
/* Kill inherited dashboard-nav arrow (:after) on ALL our conversation elements */
.pal-sidebar-conversations #conversations-wrapper li a:after,
.pal-sidebar-conversations .pal-conv-actions-btn:after,
.pal-sidebar-conversations .pal-conv-actions-menu a:after,
.pal-new-conv-btn:after {
    display:none !important;
    content:none !important;
}

/* Conversation item action button (⋯) */
.pal-conv-actions-btn {
    position:absolute !important;
    right:6px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:24px !important;
    height:24px !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:6px !important;
    cursor:pointer !important;
    color:#A5A5A5 !important;
    font-size:14px !important;
    z-index:5 !important;
}
/* Kill any inherited caret/arrow from dashboard nav framework */
.pal-conv-actions-btn:after,
.pal-conv-actions-btn > i:after,
.pal-conv-actions-menu a:after {
    display:none !important;
    content:none !important;
}
.pal-sidebar-conversations #conversations-wrapper li:hover .pal-conv-actions-btn {
    display:flex !important;
}
.pal-conv-actions-btn:hover {
    background:#E5E5E5 !important;
    color:#3D3D3D !important;
}
/* Action menu dropdown */
.pal-conv-actions-menu {
    position:absolute !important;
    top:100% !important;
    right:0 !important;
    margin-top:2px !important;
    min-width:130px !important;
    background:#fff !important;
    border:1px solid #E5E5E5 !important;
    border-radius:10px !important;
    box-shadow:0 4px 16px rgba(0,0,0,.1) !important;
    padding:4px !important;
    display:none !important;
    z-index:9999 !important;
}
/* Ensure menu isn't clipped */
.pal-sidebar-conversations #conversations-wrapper li {
    overflow:visible !important;
}
.pal-conv-actions-btn {
    overflow:visible !important;
}
.pal-conv-actions-menu.pal-conv-menu-open {
    display:block !important;
}
.pal-conv-actions-menu a {
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:7px 12px !important;
    font-size:13px !important;
    color:#3D3D3D !important;
    text-decoration:none !important;
    border-radius:7px !important;
    font-family:'DM Sans',sans-serif !important;
    transition:background .1s !important;
    position:relative !important;
}
/* Kill framework arrow on menu items */
.pal-conv-actions-menu a:after,
.pal-conv-actions-menu a:before {
    display:none !important;
    content:none !important;
}
.pal-conv-actions-menu a:hover {
    background:#F3F3F3 !important;
}
.pal-conv-actions-menu a.pal-menu-danger {
    color:#D94040 !important;
}
.pal-conv-actions-menu a.pal-menu-danger:hover {
    background:#FEF2F2 !important;
}
.pal-conv-actions-menu a i {
    font-size:13px !important;
}

/* Sidebar: fixed width, full height, prevent content from expanding */
.dashboard-sidebar {
    flex:0 0 280px !important;
    max-width:280px !important;
    overflow:hidden !important;
    height:100% !important;
    align-self:stretch !important;
}

/* Sidebar flex layout: Account pinned to bottom */
.dashboard-sidebar-inner {
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
}
.dashboard-nav-container {
    flex:1 !important;
    display:flex !important;
    flex-direction:column !important;
    padding-bottom:0 !important;
    min-height:0 !important;
}
.dashboard-nav {
    flex:1 !important;
    display:flex !important;
    flex-direction:column !important;
    padding-bottom:0 !important;
    min-height:0 !important;
    visibility:visible !important;
    max-height:none !important;
    opacity:1 !important;
    overflow:visible !important;
}
.dashboard-nav-inner {
    display:flex !important;
    flex-direction:column !important;
    flex:1 !important;
    min-height:calc(100vh - 82px) !important;
}
/* Top nav: fixed size */
.pal-sidebar-top-nav {
    flex-shrink:0 !important;
    margin-top:20px !important;
}
/* Conversations: fill remaining space, scrollable */
.pal-sidebar-conversations {
    flex:1 !important;
    overflow-y:auto !important;
    min-height:0 !important;
}
/* Account: pinned to bottom, lighter style */
.pal-sidebar-account-nav {
    flex-shrink:0 !important;
    border-top:1px solid #F2F2F2 !important;
    padding-top:8px !important;
    padding-bottom:12px !important;
    margin-top:auto !important;
}
.pal-sidebar-account-nav li {
    margin:1px 10px !important;
}
.pal-sidebar-account-nav li a {
    font-size:13px !important;
    color:#999 !important;
    padding:8px 14px !important;
}
.pal-sidebar-account-nav li a i {
    font-size:15px !important;
    color:#C5C5C5 !important;
    width:20px !important;
}
.pal-sidebar-account-nav li:hover a {
    color:#5C5C5C !important;
}
.pal-sidebar-account-nav li:hover a i {
    color:#8A8A8A !important;
}

/* Hide logo right border (vertical line) */
#logo {
    border-right:none !important;
}
/* Hide header hamburger icon and any vertical separator */
.header-icon,
#header .left-side .header-icon {
    display:none !important;
}
/* Hide vertical separator line after logo if any */
#header .left-side:after {
    display:none !important;
}

/* --- Message area: both avatars visible, framework layout --- */
/* Message content inner: centered content column */
.pal-chat-container .message-content-inner {
    background:#fff !important;
    max-width:920px !important;
    margin:0 auto !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding-left:24px !important;
    padding-right:24px !important;
}
/* AI message — NO background */
.pal-chat-container .message-bubble .message-text {
    background:transparent !important;
    border:none !important;
    color:#2D2D2D !important;
    font-size:16px !important;
    line-height:1.85 !important;
    border-radius:0 !important;
    padding:4px 0 !important;
    box-shadow:none !important;
}
/* User message — subtle background pill */
.pal-chat-container .message-bubble.me .message-text {
    background:#F5F5F5 !important;
    color:#1A1918 !important;
    border-radius:18px !important;
    padding:12px 18px !important;
    font-size:16px !important;
}
.pal-chat-container .message-bubble.me .message-text p:last-child,
.pal-chat-container .message-bubble.me .message-text .markdown-body p:last-child {
    margin-bottom:0 !important;
}
/* Message spacing */
.pal-chat-container .message-bubble {
    margin-bottom:24px !important;
}
.pal-chat-container .message-bubble.me {
    margin-bottom:28px !important;
}
/* Hide all bubble arrows */
.pal-chat-container .message-bubble .message-text:before,
.pal-chat-container .message-bubble .message-text:after {
    display:none !important;
}
/* Avatars — hidden, no margin offset */
.pal-chat-container .message-bubble .message-avatar {
    display:none !important;
}
/* Text fills full width — aligned with input box */
.pal-chat-container .message-bubble .message-text {
    margin-left:0 !important;
}
.pal-chat-container .message-bubble.me .message-text {
    margin-left:0 !important;
    margin-right:0 !important;
}
/* Typography */
.pal-chat-container .message-text p,
.pal-chat-container .message-text li,
.pal-chat-container .message-text {
    font-size:16px !important;
    line-height:1.8 !important;
    font-family:'DM Sans',sans-serif !important;
}
/* Copy button — inline bottom-right, hover only */
.pal-chat-container .message-bubble .message-text {
    position:relative !important;
}
.pal-chat-container .message-bubble .message-text .markdown-copy {
    position:relative !important;
    right:auto !important;
    transform:none !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;
    opacity:0 !important;
    visibility:hidden !important;
    float:right !important;
    margin-top:6px !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:12px !important;
    font-weight:500 !important;
    color:#B0B0B0 !important;
    background:transparent !important;
    border:none !important;
    padding:4px 8px !important;
    border-radius:6px !important;
    cursor:pointer !important;
    transition:all .15s !important;
    box-shadow:none !important;
    white-space:nowrap !important;
}
.pal-chat-container .message-bubble .message-text:hover .markdown-copy {
    opacity:1 !important;
    visibility:visible !important;
}
.pal-chat-container .message-bubble .message-text .markdown-copy:hover {
    color:#5C5C5C !important;
    background:#F3F3F3 !important;
}
.pal-chat-container .message-bubble.me .message-text .markdown-copy {
    display:none !important;
}

/* --- Suggestion pills after AI response --- */
.pal-suggestions {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin-top:12px !important;
    padding-top:8px !important;
}
.pal-suggestion-pill {
    display:inline-flex !important;
    align-items:center !important;
    padding:8px 16px !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:13px !important;
    font-weight:500 !important;
    color:#5C5C5C !important;
    background:#FAFAFA !important;
    border:1px solid #ECECEC !important;
    border-radius:20px !important;
    cursor:pointer !important;
    transition:all .15s ease !important;
    text-decoration:none !important;
    line-height:1.4 !important;
}
.pal-suggestion-pill:hover {
    background:#F0F0F0 !important;
    border-color:#D8D8D8 !important;
    color:#1A1918 !important;
    box-shadow:0 1px 4px rgba(0,0,0,.04) !important;
    transform:translateY(-1px) !important;
}

/* --- Markdown typography refinements --- */
.pal-chat-container .markdown-body ul,
.pal-chat-container .markdown-body ol {
    margin-bottom:14px !important;
    padding-left:1.6em !important;
}
.pal-chat-container .markdown-body li {
    margin-bottom:6px !important;
    line-height:1.75 !important;
}
.pal-chat-container .markdown-body li + li {
    margin-top:4px !important;
}
.pal-chat-container .markdown-body p {
    margin-bottom:12px !important;
    line-height:1.8 !important;
}
.pal-chat-container .markdown-body h1,
.pal-chat-container .markdown-body h2,
.pal-chat-container .markdown-body h3 {
    margin-top:20px !important;
    margin-bottom:10px !important;
    color:#1A1918 !important;
    border-bottom:none !important;
}
.pal-chat-container .markdown-body h3 {
    font-size:1.1em !important;
}
.pal-chat-container .markdown-body strong {
    color:#1A1918 !important;
}
.pal-chat-container .markdown-body blockquote {
    border-left:3px solid #E0E0E0 !important;
    color:#6B6B6B !important;
    padding:2px 16px !important;
    margin:12px 0 !important;
}

/* Topbar */
.pal-chat-topbar {
    background:#fff !important;
    border-bottom:1px solid #F2F2F2 !important;
}
.pal-chat-conv-title {
    color:#8A8A8A !important;
    font-size:14px !important;
    font-weight:500 !important;
}

/* --- Reply area: centered, same max-width as messages --- */
.pal-chat-container .message-reply {
    border-top:none !important;
    padding:12px 24px 28px 24px !important;
    background:#fff !important;
    flex-shrink:0 !important;
    position:relative !important;
    max-width:920px !important;
    margin:0 auto !important;
    width:100% !important;
    box-sizing:border-box !important;
    display:block !important;
    flex-direction:unset !important;
}
.pal-chat-container .message-reply textarea {
    background:#fff !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:16px !important;
    color:#1A1918 !important;
    border:1px solid #E0E0E0 !important;
    border-radius:18px !important;
    padding:20px 56px 20px 22px !important;
    min-height:100px !important;
    height:100px !important;
    max-height:220px !important;
    width:100% !important;
    resize:none !important;
    line-height:1.6 !important;
    box-shadow:0 2px 12px rgba(0,0,0,.04) !important;
    transition:border-color .2s, box-shadow .2s !important;
    box-sizing:border-box !important;
    margin-bottom:0 !important;
}
.pal-chat-container .message-reply textarea:focus {
    border-color:#1A1918 !important;
    background:#fff !important;
    box-shadow:0 4px 20px rgba(0,0,0,.06) !important;
    outline:none !important;
}
.pal-chat-container .message-reply textarea::placeholder {
    color:#B8B8B8 !important;
}
/* Send button container — float right, overlap textarea bottom */
.pal-chat-container .message-reply > div {
    float:right !important;
    position:relative !important;
    margin:-48px 12px 14px 0 !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    z-index:5 !important;
}
/* Send button — dim when empty, visible when has content */
.pal-send-btn {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:10px !important;
    background:#D0D0D0 !important;
    color:#fff !important;
    border:none !important;
    cursor:default !important;
    transition:background .2s, opacity .2s !important;
    padding:0 !important;
    opacity:1 !important;
}
.pal-send-btn.pal-send-active {
    background:#1A1918 !important;
    cursor:pointer !important;
}
.pal-send-btn.pal-send-active:hover {
    background:#333 !important;
}
/* Loading animation on send button */
.pal-send-btn.pal-sending {
    pointer-events:none !important;
    animation:pal-pulse 1s infinite !important;
}
@keyframes pal-pulse {
    0%,100% { opacity:0.3; }
    50% { opacity:0.8; }
}
.pal-send-btn svg {
    width:15px !important;
    height:15px !important;
}
/* Hide mic button */
#chat-microphone {
    display:none !important;
}
.pal-chat-container .form-error.message-reply {
    flex-shrink:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

/* --- Role Selector in topbar --- */
.pal-role-selector {
    position:relative !important;
    display:inline-block !important;
}
.pal-role-trigger {
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    padding:5px 10px !important;
    background:transparent !important;
    border:none !important;
    border-radius:8px !important;
    cursor:pointer !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    font-weight:500 !important;
    color:#1A1918 !important;
    transition:background .12s !important;
}
.pal-role-trigger:hover {
    background:#F5F5F5 !important;
}
.pal-role-trigger svg {
    color:#B0B0B0 !important;
    transition:color .12s !important;
}
.pal-role-trigger:hover svg {
    color:#8A8A8A !important;
}
/* Dropdown opens DOWNWARD from topbar */
.pal-role-dropdown {
    position:absolute !important;
    top:calc(100% + 6px) !important;
    left:0 !important;
    margin-top:0 !important;
    min-width:200px !important;
    max-height:320px !important;
    background:#fff !important;
    border:1px solid #F0F0F0 !important;
    border-radius:14px !important;
    box-shadow:0 8px 30px rgba(0,0,0,.10), 0 1px 3px rgba(0,0,0,.04) !important;
    z-index:200 !important;
    display:none !important;
    overflow:hidden !important;
}
.pal-role-dropdown.pal-role-open {
    display:block !important;
}
.pal-role-dropdown-inner {
    overflow-y:auto !important;
    max-height:310px !important;
    padding:6px !important;
}
/* Role items — clean, no border between items */
.pal-role-item,
.pal-role-dropdown-inner a,
.pal-role-dropdown-inner > * {
    display:block !important;
    padding:8px 14px !important;
    border-radius:8px !important;
    text-decoration:none !important;
    transition:background .1s !important;
    cursor:pointer !important;
    font-size:14px !important;
    font-weight:400 !important;
    color:#3D3D3D !important;
    font-family:'DM Sans',sans-serif !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    line-height:1.4 !important;
    margin:1px 0 !important;
    border:0 none !important;
    border-top:0 none !important;
    border-bottom:0 none !important;
    border-left:0 none !important;
    border-right:0 none !important;
    outline:none !important;
    position:relative !important;
    background:transparent !important;
    box-shadow:none !important;
}
/* Kill any inherited pseudo-elements and borders from dashboard framework */
.pal-role-item:after,
.pal-role-item:before {
    display:none !important;
    content:none !important;
}
.pal-role-dropdown-inner a {
    border:none !important;
    border-bottom:none !important;
}
.pal-role-item:hover {
    background:#F5F5F5 !important;
    color:#1A1918 !important;
}
.pal-role-item.pal-role-active {
    background:#F2F2F2 !important;
    color:#1A1918 !important;
    font-weight:500 !important;
}
.pal-role-loading {
    padding:12px !important;
    text-align:center !important;
    color:#8A8A8A !important;
    font-size:13px !important;
}

/* Hide Prompt Library button in chat */
#chat-prompts {
    display:none !important;
}

/* Hide old show-conversations button (replaced by topbar toggle) */
#show-conversations {
    display:none !important;
}

/* Hide fullscreen toggle button in dashboard header */
.header-icon.toggleFullScreen {
    display:none !important;
}

/* Sidebar close button — hidden on desktop, shown on mobile via media query */
.pal-sidebar-close {
    display:none !important;
}

/* Dashboard sidebar collapse/expand transition for chat toggle */
.dashboard-sidebar {
    transition:flex .25s cubic-bezier(.4,0,.2,1), width .25s cubic-bezier(.4,0,.2,1), min-width .25s cubic-bezier(.4,0,.2,1) !important;
}
.dashboard-sidebar.pal-nav-collapsed {
    flex:0 0 0px !important;
    width:0px !important;
    min-width:0px !important;
    overflow:hidden !important;
    padding:0 !important;
}

/* --- Responsive --- */
@media (max-width:768px) {
    /* === CHAT PAGE: full immersive mobile === */
    /* Hide top header bar on chat page */
    .pal-chat-fullscreen ~ .clearfix,
    body:has(.pal-chat-fullscreen) #header-container {
        display:none !important;
    }
    /* Hide hamburger trigger on CHAT page only */
    body:has(.pal-chat-fullscreen) a.dashboard-responsive-nav-trigger {
        display:none !important;
    }
    /* Dashboard container: fill viewport */
    body:has(.pal-chat-fullscreen) .dashboard-container {
        height:100vh !important;
        height:100dvh !important;
        display:flex !important;
        flex-direction:column !important;
    }

    /* ── 3a. CHAT PAGE Sidebar: fixed overlay panel ── */
    body:has(.pal-chat-fullscreen) .dashboard-sidebar {
        position:fixed !important;
        left:0 !important;
        top:0 !important;
        width:300px !important;
        max-width:85vw !important;
        height:100vh !important;
        height:100dvh !important;
        z-index:9999 !important;
        background:#fff !important;
        box-shadow:4px 0 24px rgba(0,0,0,.12) !important;
        transform:translateX(-100%) !important;
        transition:transform .25s cubic-bezier(.4,0,.2,1) !important;
        flex:none !important;
        display:flex !important;
        flex-direction:column !important;
        visibility:visible !important;
        opacity:1 !important;
        max-height:100vh !important;
        max-height:100dvh !important;
        overflow-y:auto !important;
        -webkit-overflow-scrolling:touch !important;
    }
    body:has(.pal-chat-fullscreen) .dashboard-sidebar.pal-mobile-open {
        transform:translateX(0) !important;
    }
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .dashboard-sidebar-inner {
        height:100% !important;
        display:flex !important;
        flex-direction:column !important;
        padding-bottom:0 !important;
    }
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .dashboard-nav-container {
        flex:1 !important;
        display:flex !important;
        flex-direction:column !important;
        padding:0 !important;
        overflow:hidden !important;
    }
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .dashboard-nav {
        visibility:visible !important;
        max-height:none !important;
        opacity:1 !important;
        box-shadow:none !important;
        padding:0 !important;
        flex:1 !important;
        display:flex !important;
        flex-direction:column !important;
        background:transparent !important;
    }
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .dashboard-nav-inner {
        display:flex !important;
        flex-direction:column !important;
        flex:1 !important;
        padding:0 !important;
        min-height:0 !important;
        overflow-y:auto !important;
    }
    /* Chat sidebar: all nav ULs visible */
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .dashboard-nav ul {
        visibility:visible !important;
        opacity:1 !important;
        max-height:none !important;
        margin:0 !important;
        padding:0 !important;
        list-style:none !important;
    }
    /* Sub-menus: only show when active */
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .dashboard-nav ul li ul {
        visibility:hidden !important;
        max-height:0 !important;
        opacity:0 !important;
        overflow:hidden !important;
    }
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .dashboard-nav ul li.active-submenu ul {
        visibility:visible !important;
        max-height:300px !important;
        opacity:1 !important;
    }
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .dashboard-nav ul li ul li a {
        padding-left:52px !important;
        font-size:13px !important;
        min-height:36px !important;
    }
    /* Top nav: only show Chat (first item) as a non-clickable label */
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .pal-sidebar-top-nav {
        flex-shrink:0 !important;
        padding:env(safe-area-inset-top, 8px) 0 0 !important;
        margin:0 !important;
        border-bottom:none !important;
    }
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .pal-sidebar-top-nav li:not(:first-child) {
        display:none !important;
    }
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .pal-sidebar-top-nav li:first-child {
        margin:0 !important;
        border-radius:0 !important;
    }
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .pal-sidebar-top-nav li:first-child a {
        font-size:16px !important;
        font-weight:600 !important;
        color:#1A1918 !important;
        pointer-events:none !important;
        cursor:default !important;
        padding:12px 22px 8px !important;
        min-height:auto !important;
        background:transparent !important;
    }
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .pal-sidebar-top-nav li:first-child a i {
        display:none !important;
    }
    /* Conversations: fill remaining, scrollable */
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .pal-sidebar-conversations {
        flex:1 !important;
        overflow-y:auto !important;
        min-height:0 !important;
        border-top:none !important;
        margin-top:0 !important;
    }
    /* Account: only show Logout (last item), hide rest */
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .pal-sidebar-account-nav {
        flex-shrink:0 !important;
        margin-top:auto !important;
        border-top:1px solid #F0F0F0 !important;
        padding:4px 0 env(safe-area-inset-bottom, 8px) !important;
    }
    body:has(.pal-chat-fullscreen) .dashboard-sidebar .pal-sidebar-account-nav > li:not(:last-child) {
        display:none !important;
    }

    /* ── 3b. ALL PAGES: clean nav link styling ── */
    .dashboard-sidebar .dashboard-nav ul li {
        border-left:none !important;
        margin:0 8px !important;
        border-radius:8px !important;
    }
    .dashboard-sidebar .dashboard-nav ul li a {
        padding:10px 14px !important;
        font-size:15px !important;
        color:#5C5C5C !important;
        display:flex !important;
        align-items:center !important;
        gap:10px !important;
        min-height:44px !important;
        -webkit-tap-highlight-color:transparent !important;
    }
    .dashboard-sidebar .dashboard-nav ul li a:after {
        display:none !important;
    }
    .dashboard-sidebar .dashboard-nav ul li a i {
        font-size:18px !important;
        width:22px !important;
        color:#999 !important;
        padding:0 !important;
        top:0 !important;
        flex-shrink:0 !important;
    }
    .dashboard-sidebar .dashboard-nav ul li.active a,
    .dashboard-sidebar .dashboard-nav ul li:hover a {
        color:#1A1918 !important;
        background:#F5F5F5 !important;
    }
    .dashboard-sidebar .dashboard-nav ul li.active a i,
    .dashboard-sidebar .dashboard-nav ul li:hover a i {
        color:#1A1918 !important;
    }
    .dashboard-sidebar .dashboard-nav ul li.active,
    .dashboard-sidebar .dashboard-nav ul li:hover {
        background:transparent !important;
        border:none !important;
    }
    .dashboard-sidebar .dashboard-nav ul:before {
        display:none !important;
    }
    /* Sidebar close button (injected by JS) */
    .pal-sidebar-close {
        position:absolute !important;
        top:env(safe-area-inset-top, 12px) !important;
        right:8px !important;
        width:36px !important;
        height:36px !important;
        border-radius:8px !important;
        background:transparent !important;
        border:none !important;
        cursor:pointer !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        color:#8A8A8A !important;
        font-size:18px !important;
        z-index:10 !important;
        -webkit-tap-highlight-color:transparent !important;
    }
    .pal-sidebar-close:active {
        background:#F0F0F0 !important;
        color:#1A1918 !important;
    }
    /* Sidebar overlay backdrop */
    .pal-mobile-backdrop {
        position:fixed !important;
        inset:0 !important;
        background:rgba(0,0,0,.35) !important;
        z-index:9998 !important;
        display:none !important;
        -webkit-tap-highlight-color:transparent !important;
    }
    .pal-mobile-backdrop.pal-backdrop-show {
        display:block !important;
    }
    /* Sidebar conversation items — real-device optimized */
    .dashboard-sidebar .message-by-headline h5 {
        font-size:14px !important;
        line-height:1.35 !important;
    }
    .dashboard-sidebar a.conversation {
        padding:10px 14px !important;
        min-height:44px !important;
        margin:0 8px !important;
        border-radius:8px !important;
        -webkit-tap-highlight-color:transparent !important;
    }
    .dashboard-sidebar a.conversation:active {
        background:#F0F0F0 !important;
    }
    /* Conversation history header */
    .pal-sidebar-conv-header {
        padding:10px 22px 6px !important;
    }

    /* Chat fullscreen: fill remaining space */
    .dashboard-content-container {
        flex:1 !important;
        height:100vh !important;
        height:100dvh !important;
    }
    .pal-chat-fullscreen {
        height:100vh !important;
        height:100dvh !important;
        max-height:100vh !important;
        max-height:100dvh !important;
    }

    /* ── 2. Chat message area — native app feel ── */
    .pal-chat-container .message-content-inner {
        padding:8px 0 !important;
        max-width:100% !important;
    }
    .pal-chat-container .message-bubble {
        max-width:100% !important;
        padding-left:16px !important;
        padding-right:16px !important;
        box-sizing:border-box !important;
        margin-bottom:14px !important;
    }
    /* AI message — no card, no background, just text on white */
    .pal-chat-container .message-bubble .message-text {
        margin-left:0 !important;
        margin-right:0 !important;
        background:transparent !important;
        border-radius:0 !important;
        padding:4px 0 !important;
        box-shadow:none !important;
    }
    /* User message — light grey pill, matching PC style */
    .pal-chat-container .message-bubble.me .message-text {
        margin-left:0 !important;
        margin-right:0 !important;
        background:#F0F0F0 !important;
        color:#1A1918 !important;
        border-radius:16px !important;
        padding:10px 16px !important;
    }
    .pal-chat-container .message-bubble.me .message-text p {
        color:#1A1918 !important;
    }
    .pal-chat-container .message-bubble.me .message-text p:last-child {
        margin-bottom:0 !important;
    }
    /* Message text list/bullet formatting */
    .pal-chat-container .message-text ul,
    .pal-chat-container .message-text ol {
        padding-left:20px !important;
        margin:8px 0 !important;
    }
    .pal-chat-container .message-text li {
        margin-bottom:4px !important;
        line-height:1.6 !important;
    }
    .pal-chat-container .message-text ul li {
        list-style-type:disc !important;
    }
    .pal-chat-container .message-text ol li {
        list-style-type:decimal !important;
    }
    /* Code blocks inside messages */
    .pal-chat-container .message-text pre {
        border-radius:10px !important;
        padding:12px !important;
        font-size:13px !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch !important;
        margin:8px 0 !important;
    }
    .pal-chat-container .message-text code {
        font-size:13px !important;
    }
    /* Message timestamp */
    .pal-chat-container .message-bubble .message-text .time {
        font-size:11px !important;
        color:#B0B0B0 !important;
        margin-top:6px !important;
    }

    /* ── 1. Floating composer — no outer container ── */
    .pal-chat-container .message-reply {
        padding:8px 16px !important;
        padding-bottom:calc(8px + env(safe-area-inset-bottom, 0px)) !important;
        max-width:100% !important;
        background:transparent !important;
        border-top:none !important;
        border:none !important;
        margin:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
    }
    .pal-chat-container .message-reply textarea {
        min-height:44px !important;
        height:44px !important;
        max-height:140px !important;
        border-radius:22px !important;
        padding:11px 48px 11px 16px !important;
        font-size:15px !important;
        line-height:1.5 !important;
        border:1px solid #E0E0E0 !important;
        box-shadow:0 1px 6px rgba(0,0,0,.06) !important;
        background:#fff !important;
    }
    .pal-chat-container .message-reply textarea:focus {
        border-color:#C0C0C0 !important;
        box-shadow:0 2px 12px rgba(0,0,0,.08) !important;
    }
    /* Send button container — inside input field */
    .pal-chat-container .message-reply > div {
        margin:-38px 6px 6px 0 !important;
    }
    /* Send button — larger tap target */
    .pal-send-btn {
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        border-radius:50% !important;
    }
    .pal-send-btn svg {
        width:15px !important;
        height:15px !important;
    }

    /* ── 4. Topbar — compact native bar (44px) ── */
    .pal-chat-topbar {
        padding:0 8px !important;
        min-height:44px !important;
        border-bottom:none !important;
        box-shadow:0 0.5px 0 rgba(0,0,0,.08) !important;
        gap:2px !important;
    }
    /* Hide conversation title on mobile — role selector is enough */
    .pal-chat-conv-title {
        display:none !important;
    }
    /* Role selector — compact on mobile */
    .pal-role-trigger {
        font-size:13px !important;
        padding:4px 8px !important;
        max-width:140px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }
    .pal-role-dropdown {
        left:0 !important;
        right:auto !important;
        min-width:200px !important;
        max-width:calc(100vw - 32px) !important;
    }
    /* Push "..." menu to far right */
    .pal-chat-menu-wrapper {
        margin-left:auto !important;
    }
    /* Topbar buttons — 40px touch targets */
    .pal-chat-topbar-left a,
    .pal-chat-menu-btn {
        min-width:40px !important;
        min-height:40px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    /* ── Font sizes ── */
    .pal-chat-container .message-text,
    .pal-chat-container .message-text p,
    .pal-chat-container .message-text li {
        font-size:15px !important;
        line-height:1.65 !important;
    }
    .pal-chat-container .message-bubble.me .message-text {
        font-size:15px !important;
        line-height:1.5 !important;
    }

    /* ── 6. Mobile interactions — copy hint on long press ── */
    .pal-chat-container .message-text {
        -webkit-user-select:text !important;
        user-select:text !important;
    }

    /* === NON-CHAT PAGES: keep Dashboard Navigation but styled lighter === */
    body:not(:has(.pal-chat-fullscreen)) a.dashboard-responsive-nav-trigger {
        display:block !important;
        background-color:#F5F5F5 !important;
        color:#3D3D3D !important;
        border-radius:12px !important;
        padding:12px 20px !important;
        font-size:14px !important;
        font-weight:500 !important;
        margin-top:10px !important;
        border:1px solid #E8E8E8 !important;
    }
    body:not(:has(.pal-chat-fullscreen)) a.dashboard-responsive-nav-trigger .hamburger-inner,
    body:not(:has(.pal-chat-fullscreen)) a.dashboard-responsive-nav-trigger .hamburger-inner::before,
    body:not(:has(.pal-chat-fullscreen)) a.dashboard-responsive-nav-trigger .hamburger-inner::after {
        background-color:#8A8A8A !important;
        height:2px !important;
    }
    /* Non-chat sidebar: clean nav styling when toggled open */
    body:not(:has(.pal-chat-fullscreen)) .dashboard-nav {
        border-radius:12px !important;
        margin-top:8px !important;
        overflow:hidden !important;
    }
    body:not(:has(.pal-chat-fullscreen)) .dashboard-nav ul:before {
        display:none !important;
    }

    /* Template cards: 1 column */
    .ai-template-blocks .col-md-4 {
        flex:0 0 100% !important;
        max-width:100% !important;
    }
}

/* ============================================
   DOCUMENT VIEW PAGE — Clean editor
   ============================================ */
.pal-document-page {
    max-width:860px !important;
    margin:0 auto !important;
    padding-top:32px !important;
}
.pal-document-page .dashboard-headline {
    display:none !important;
}
.pal-doc-header {
    margin-bottom:20px;
}
.pal-doc-title-row {
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:10px;
}
.pal-doc-title-input {
    flex:1 !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:22px !important;
    font-weight:500 !important;
    color:#1A1918 !important;
    border:none !important;
    border-bottom:1px solid transparent !important;
    padding:8px 0 !important;
    background:transparent !important;
    outline:none !important;
    transition:border-color .15s !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
.pal-doc-title-input:focus {
    border-bottom-color:#E0E0E0 !important;
}
.pal-doc-title-input::placeholder {
    color:#C5C5C5 !important;
}
.pal-doc-save-btn {
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:13px !important;
    font-weight:500 !important;
    color:#fff !important;
    background:#1A1918 !important;
    border:none !important;
    border-radius:8px !important;
    padding:8px 16px !important;
    cursor:pointer !important;
    transition:background .15s !important;
    white-space:nowrap !important;
}
.pal-doc-save-btn:hover {
    background:#333 !important;
}
.pal-doc-save-btn i {
    font-size:14px !important;
}
.pal-doc-actions {
    display:flex;
    align-items:center;
    gap:16px;
}
.pal-doc-actions a {
    font-family:'DM Sans',sans-serif !important;
    font-size:13px !important;
    font-weight:400 !important;
    color:#8A8A8A !important;
    text-decoration:none !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;
    transition:color .12s !important;
}
.pal-doc-actions a:hover {
    color:#3D3D3D !important;
}
.pal-doc-actions a i {
    font-size:14px !important;
}
.pal-doc-editor {
    border:1px solid #F0F0F0;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
}
.pal-doc-editor .tox-tinymce {
    border:none !important;
    border-radius:0 !important;
}
.pal-doc-editor .tox .tox-toolbar-overlord,
.pal-doc-editor .tox .tox-toolbar__primary {
    background:#FAFAFA !important;
    border-bottom:1px solid #F0F0F0 !important;
}
/* Hide status bar (the "p" indicator) */
.pal-doc-editor .tox .tox-statusbar {
    display:none !important;
}
.pal-doc-code {
    background:#FAFAFA;
    border:1px solid #F0F0F0;
    border-radius:12px;
    padding:24px;
    font-size:14px;
    line-height:1.7;
    overflow-x:auto;
}

/* ============================================
   TEMPLATE CREATE PAGE — Clean 2026 style
   ============================================ */
/* Hide page headline (duplicate of left card title) and words badge */
.dashboard-content-inner > .dashboard-headline:has(+ .row) {
    display:none !important;
}
/* Fallback: hide headline when followed by row (template create pages) */
.dashboard-content-inner > .dashboard-headline + .row {
    margin-top:-20px !important;
}
.dashboard-content-inner > .dashboard-headline .word-used-wrapper {
    display:none !important;
}

/* Left panel — borderless form, clean spacing */
.dashboard-content-inner > .row > .col-md-4 > form > .dashboard-box {
    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
}
.dashboard-content-inner > .row > .col-md-4 .dashboard-box > .headline {
    border-bottom:none !important;
    padding:0 0 12px 0 !important;
    background:transparent !important;
}
.dashboard-content-inner > .row > .col-md-4 .dashboard-box > .headline h3 {
    font-family:'DM Sans',sans-serif !important;
    font-size:15px !important;
    font-weight:600 !important;
    color:#1A1918 !important;
}
.dashboard-content-inner > .row > .col-md-4 .dashboard-box > .headline h3 i {
    color:#8A8A8A !important;
    font-size:16px !important;
}
.dashboard-content-inner > .row > .col-md-4 .dashboard-box > .content {
    padding:0 !important;
}
/* Description notice — just text, no box */
.dashboard-content-inner > .row > .col-md-4 .notification.notice {
    background:transparent !important;
    border:none !important;
    border-radius:0 !important;
    color:#8A8A8A !important;
    font-size:13px !important;
    line-height:1.5 !important;
    padding:0 0 16px 0 !important;
    margin:0 !important;
    border-bottom:1px solid #F0F0F0 !important;
    margin-bottom:16px !important;
}
/* Form field labels */
.dashboard-content-inner > .row > .col-md-4 .submit-field {
    margin-bottom:12px !important;
}
.dashboard-content-inner > .row > .col-md-4 .submit-field h6 {
    font-family:'DM Sans',sans-serif !important;
    font-size:13px !important;
    font-weight:500 !important;
    color:#3D3D3D !important;
    margin-bottom:5px !important;
}
/* Inputs — lighter border */
.dashboard-content-inner > .row > .col-md-4 .submit-field .with-border,
.dashboard-content-inner > .row > .col-md-4 .submit-field input,
.dashboard-content-inner > .row > .col-md-4 .submit-field textarea {
    border:1px solid #E8E8E8 !important;
    border-radius:8px !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    padding:9px 12px !important;
    background:#fff !important;
    box-shadow:none !important;
    transition:border-color .15s !important;
}
.dashboard-content-inner > .row > .col-md-4 .submit-field .with-border:focus,
.dashboard-content-inner > .row > .col-md-4 .submit-field input:focus,
.dashboard-content-inner > .row > .col-md-4 .submit-field textarea:focus {
    border-color:#D0D0D0 !important;
    outline:none !important;
}
/* Select fields: label + dropdown on same row */
.dashboard-content-inner > .row > .col-md-4 .submit-field:has(select) {
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
}
.dashboard-content-inner > .row > .col-md-4 .submit-field:has(select) h6 {
    flex-shrink:0 !important;
    margin-bottom:0 !important;
    min-width:90px !important;
    font-size:13px !important;
}
.dashboard-content-inner > .row > .col-md-4 .submit-field:has(select) select,
.dashboard-content-inner > .row > .col-md-4 .submit-field:has(select) .chosen-container {
    flex:1 !important;
    min-width:0 !important;
}
/* Select dropdowns — clean, smaller radius */
.dashboard-content-inner > .row > .col-md-4 .submit-field select,
.dashboard-content-inner > .row > .col-md-4 .submit-field select.with-border {
    border:1px solid #E8E8E8 !important;
    border-radius:8px !important;
    height:38px !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:13px !important;
    padding:0 14px !important;
    background:#fff !important;
    box-shadow:none !important;
    outline:none !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance:none !important;
    background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 14px center !important;
    padding-right:36px !important;
    color:#3D3D3D !important;
    cursor:pointer !important;
}
.dashboard-content-inner > .row > .col-md-4 .submit-field select:focus {
    border-color:#D0D0D0 !important;
}
/* Remove container border that causes double-border look */
.dashboard-content-inner > .row > .col-md-4 .submit-field .select-container,
.dashboard-content-inner > .row > .col-md-4 .submit-field .bootstrap-select,
.dashboard-content-inner > .row > .col-md-4 .submit-field .chosen-container,
.dashboard-content-inner > .row > .col-md-4 .submit-field .chosen-container-single,
.dashboard-content-inner > .row > .col-md-4 .content .submit-field > div:not(.form-text) {
    border:none !important;
    box-shadow:none !important;
    background:transparent !important;
    border-radius:0 !important;
}
/* Also kill any border on the submit-field itself when it wraps a select */
.dashboard-content-inner > .row > .col-md-4 .submit-field {
    border:none !important;
    box-shadow:none !important;
}
.dashboard-content-inner > .row > .col-md-4 .chosen-container .chosen-single,
.dashboard-content-inner > .row > .col-md-4 .chosen-container-single .chosen-single {
    border:1px solid #E8E8E8 !important;
    border-radius:8px !important;
    height:38px !important;
    line-height:38px !important;
    padding:0 36px 0 14px !important;
    background:#fff !important;
    box-shadow:none !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    color:#3D3D3D !important;
}
.dashboard-content-inner > .row > .col-md-4 .chosen-container .chosen-single:focus,
.dashboard-content-inner > .row > .col-md-4 .chosen-container-active .chosen-single {
    border-color:#D0D0D0 !important;
}
.dashboard-content-inner > .row > .col-md-4 .chosen-container .chosen-single div {
    right:10px !important;
}
.dashboard-content-inner > .row > .col-md-4 .chosen-container .chosen-single div b {
    background:none !important;
}
.dashboard-content-inner > .row > .col-md-4 .chosen-container .chosen-single div b:after {
    color:#999 !important;
}
/* Chosen dropdown */
.dashboard-content-inner > .row > .col-md-4 .chosen-container .chosen-drop {
    border:1px solid #F0F0F0 !important;
    border-radius:10px !important;
    box-shadow:0 4px 16px rgba(0,0,0,.08) !important;
    margin-top:4px !important;
}
.dashboard-content-inner > .row > .col-md-4 .chosen-container .chosen-results li {
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    padding:8px 14px !important;
}
.dashboard-content-inner > .row > .col-md-4 .chosen-container .chosen-results li.highlighted {
    background:#F5F5F5 !important;
    color:#1A1918 !important;
}
/* Generate button — dark */
.dashboard-content-inner > .row > .col-md-4 .button.full-width {
    background:#1A1918 !important;
    border:none !important;
    border-radius:8px !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    font-weight:500 !important;
    color:#fff !important;
    padding:11px 20px !important;
    transition:background .15s !important;
    margin-top:8px !important;
}
.dashboard-content-inner > .row > .col-md-4 .button.full-width:hover {
    background:#333 !important;
}
.dashboard-content-inner > .row > .col-md-4 .button.full-width i {
    margin-left:4px !important;
}

/* Right panel — borderless, clean */
.dashboard-content-inner > .row > .col-md-8 > .dashboard-box {
    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    overflow:visible !important;
}
/* Right panel headline — subtle divider */
.dashboard-content-inner > .row > .col-md-8 .dashboard-box > .headline {
    border-bottom:none !important;
    padding:0 0 12px 0 !important;
    background:transparent !important;
}
.dashboard-content-inner > .row > .col-md-8 .dashboard-box > .headline h3 {
    font-family:'DM Sans',sans-serif !important;
    font-size:15px !important;
    font-weight:600 !important;
    color:#1A1918 !important;
}
.dashboard-content-inner > .row > .col-md-8 .dashboard-box > .headline h3 i {
    color:#8A8A8A !important;
}
.dashboard-content-inner > .row > .col-md-8 .dashboard-box > .content {
    padding:0 !important;
}
/* Export buttons — subtle icon buttons */
.dashboard-content-inner > .row > .col-md-8 .headline .button.btn-sm {
    background:transparent !important;
    border:none !important;
    color:#C5C5C5 !important;
    box-shadow:none !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    padding:0 !important;
    border-radius:6px !important;
    font-size:14px !important;
    transition:all .12s !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.dashboard-content-inner > .row > .col-md-8 .headline .button.btn-sm:hover {
    color:#5C5C5C !important;
    background:#F5F5F5 !important;
}
/* Title input — clean inline */
.dashboard-content-inner > .row > .col-md-8 .content .d-flex input.with-border {
    border:none !important;
    border-bottom:1px solid transparent !important;
    border-radius:0 !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:15px !important;
    font-weight:500 !important;
    color:#1A1918 !important;
    padding:8px 0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.dashboard-content-inner > .row > .col-md-8 .content .d-flex input.with-border:focus {
    border-bottom-color:#E0E0E0 !important;
}
/* Save button — small dark */
.dashboard-content-inner > .row > .col-md-8 .content .d-flex .button.btn-sm {
    background:#1A1918 !important;
    color:#fff !important;
    border:none !important;
    border-radius:8px !important;
    padding:7px 14px !important;
    font-size:13px !important;
    box-shadow:none !important;
}
.dashboard-content-inner > .row > .col-md-8 .content .d-flex .button.btn-sm:hover {
    background:#333 !important;
}
/* TinyMCE — the only bordered element */
.dashboard-content-inner > .row > .col-md-8 .tox-tinymce {
    border:1px solid #F0F0F0 !important;
    border-radius:10px !important;
    overflow:hidden !important;
}
.dashboard-content-inner > .row > .col-md-8 .tox .tox-toolbar-overlord,
.dashboard-content-inner > .row > .col-md-8 .tox .tox-toolbar__primary {
    background:#FAFAFA !important;
    border-bottom:1px solid #F0F0F0 !important;
}
.dashboard-content-inner > .row > .col-md-8 .tox .tox-statusbar {
    display:none !important;
}
/* Left-right separator */
.dashboard-content-inner > .row > .col-md-8 {
    padding-left:24px !important;
    border-left:1px solid #F0F0F0 !important;
}

/* ============================================
   PLAN PAGE — Stats & table
   ============================================ */
/* Stat cards — smaller, consistent */
.fun-facts-container {
    display:flex !important;
    gap:12px !important;
    flex-wrap:wrap !important;
}
.fun-facts-container .fun-fact {
    flex:1 !important;
    min-width:160px !important;
    max-width:none !important;
    background:#fff !important;
    border:1px solid #F0F0F0 !important;
    border-radius:12px !important;
    padding:20px 22px !important;
    box-shadow:none !important;
    margin:0 !important;
}
.fun-facts-container .fun-fact-text {
    font-family:'DM Sans',sans-serif !important;
}
.fun-facts-container .fun-fact-text span {
    font-size:12px !important;
    font-weight:500 !important;
    color:#8A8A8A !important;
    text-transform:none !important;
    letter-spacing:0 !important;
}
.fun-facts-container .fun-fact-text h4 {
    font-size:28px !important;
    font-weight:600 !important;
    color:#1A1918 !important;
    margin:4px 0 0 !important;
    font-family:'DM Sans',sans-serif !important;
}
.fun-facts-container .fun-fact-text h4 .mid {
    font-size:14px !important;
    font-weight:400 !important;
    color:#B0B0B0 !important;
}
/* Progress bar in stat cards */
.fun-facts-container .fun-fact .pal-stat-bar {
    height:3px !important;
    background:#F0F0F0 !important;
    border-radius:2px !important;
    margin-top:12px !important;
}
.fun-facts-container .fun-fact .pal-stat-bar-fill {
    height:100% !important;
    background:#3DB4FA !important;
    border-radius:2px !important;
}
/* Upgrade button in stat card */
.fun-facts-container .fun-fact .button {
    font-family:'DM Sans',sans-serif !important;
    font-size:13px !important;
    font-weight:500 !important;
    padding:6px 16px !important;
    border-radius:8px !important;
    margin-top:8px !important;
}
/* Plan table — clean, no dark header */
.dashboard-content-inner .dashboard-box .basic-table.dashboard-box-list th {
    background:#FAFAFA !important;
    color:#8A8A8A !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:12px !important;
    font-weight:600 !important;
    text-transform:uppercase !important;
    letter-spacing:.03em !important;
    padding:12px 16px !important;
    border-bottom:1px solid #F0F0F0 !important;
}
.dashboard-content-inner .dashboard-box .basic-table.dashboard-box-list td {
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    color:#3D3D3D !important;
    padding:14px 16px !important;
}
/* Change Plan button */
.dashboard-content-inner .dashboard-box .basic-table.dashboard-box-list .button {
    background:#1A1918 !important;
    color:#fff !important;
    border:none !important;
    border-radius:8px !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:13px !important;
    font-weight:500 !important;
    padding:9px 20px !important;
}
.dashboard-content-inner .dashboard-box .basic-table.dashboard-box-list .button:hover {
    background:#333 !important;
}

/* ============================================
   SETTINGS PAGE — Clean form style
   ============================================ */
/* Settings card — borderless */
.dashboard-content-inner .dashboard-box {
    border:1px solid #F0F0F0 !important;
    border-radius:14px !important;
    box-shadow:none !important;
    background:#fff !important;
}
.dashboard-content-inner .dashboard-box > .headline {
    border-bottom:1px solid #F0F0F0 !important;
    padding:16px 24px !important;
    background:transparent !important;
}
.dashboard-content-inner .dashboard-box > .headline h3 {
    font-family:'DM Sans',sans-serif !important;
    font-size:15px !important;
    font-weight:600 !important;
    color:#1A1918 !important;
}
.dashboard-content-inner .dashboard-box > .headline h3 i {
    color:#8A8A8A !important;
}
.dashboard-content-inner .dashboard-box > .content {
    padding:24px !important;
}
/* Form labels */
.dashboard-content-inner .dashboard-box .submit-field h5,
.dashboard-content-inner .dashboard-box .content h5 {
    font-family:'DM Sans',sans-serif !important;
    font-size:13px !important;
    font-weight:500 !important;
    color:#3D3D3D !important;
    margin-bottom:6px !important;
}
/* Form inputs */
.dashboard-content-inner .dashboard-box input.with-border,
.dashboard-content-inner .dashboard-box textarea.with-border,
.dashboard-content-inner .dashboard-box select.with-border {
    border:1px solid #E8E8E8 !important;
    border-radius:8px !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    padding:10px 14px !important;
    background:#fff !important;
    box-shadow:none !important;
}
.dashboard-content-inner .dashboard-box input.with-border:focus,
.dashboard-content-inner .dashboard-box textarea.with-border:focus {
    border-color:#D0D0D0 !important;
    outline:none !important;
}
/* Input with icon — hide icon, full width text */
.dashboard-content-inner .input-with-icon-left i {
    display:none !important;
}
.dashboard-content-inner .input-with-icon-left input {
    padding-left:14px !important;
}
/* Upload Avatar button */
.dashboard-content-inner .uploadButton .uploadButton-button {
    border:1px solid #E8E8E8 !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#3D3D3D !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:13px !important;
    font-weight:500 !important;
    padding:8px 16px !important;
    box-shadow:none !important;
}
.dashboard-content-inner .uploadButton .uploadButton-button:hover {
    border-color:#D0D0D0 !important;
    background:#FAFAFA !important;
}
/* Save Changes button */
.dashboard-content-inner .dashboard-box .button[type="submit"],
.dashboard-content-inner .dashboard-box button.button {
    background:#1A1918 !important;
    color:#fff !important;
    border:none !important;
    border-radius:8px !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    font-weight:500 !important;
    padding:10px 24px !important;
    box-shadow:none !important;
    transition:background .15s !important;
}
.dashboard-content-inner .dashboard-box .button[type="submit"]:hover,
.dashboard-content-inner .dashboard-box button.button:hover {
    background:#333 !important;
}
/* Delete Account button — red outline */
.dashboard-content-inner .dashboard-box .button.red,
.dashboard-content-inner .dashboard-box button.button.red {
    background:transparent !important;
    color:#EF4444 !important;
    border:1px solid #FEE2E2 !important;
}
.dashboard-content-inner .dashboard-box .button.red:hover,
.dashboard-content-inner .dashboard-box button.button.red:hover {
    background:#FEF2F2 !important;
    border-color:#FECACA !important;
}
/* Delete warning notification */
.dashboard-content-inner .notification.warning {
    background:#FEF8F0 !important;
    border:1px solid #FDE8C8 !important;
    border-radius:10px !important;
    color:#B45309 !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    padding:14px 18px !important;
}
.dashboard-content-inner .notification.error {
    background:#FEF2F2 !important;
    border:1px solid #FEE2E2 !important;
    border-radius:10px !important;
    color:#DC2626 !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    padding:14px 18px !important;
}

/* ============================================
   FOOTER — Simplified layout
   ============================================ */
/* Hide back-to-top button */
#backtotop {
    display:none !important;
}

/* Remove vertical divider line next to social links */
.footer-rows-right .footer-row:first-child {
    border-left:none !important;
    padding-left:0 !important;
}
.footer-row {
    border:none !important;
}

/* Footer middle: right-aligned links in a horizontal row */
.pal-footer-links-right {
    display:flex !important;
    justify-content:flex-end !important;
    align-items:flex-end !important;
    height:100% !important;
    padding-bottom:4px !important;
}
.pal-footer-links-right ul {
    display:flex !important;
    gap:32px !important;
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
    align-items:center !important;
}
.pal-footer-links-right ul li {
    display:inline-block !important;
    margin:0 !important;
    padding:0 !important;
}
.pal-footer-links-right ul li a {
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    font-weight:500 !important;
    color:rgba(255,255,255,.5) !important;
    text-decoration:none !important;
    transition:color 150ms ease !important;
    display:inline !important;
    padding:0 !important;
    line-height:1 !important;
}
.pal-footer-links-right ul li a:hover {
    color:rgba(255,255,255,.85) !important;
}

/* Hide footer section headings (h3) */
#footer .footer-links h3 {
    display:none !important;
}

/* Footer bottom: copyright + Privacy & Terms inline */
.pal-footer-legal {
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    color:rgba(255,255,255,.3) !important;
    text-decoration:none !important;
    margin-left:24px !important;
    transition:color 150ms ease !important;
}
.pal-footer-legal:hover {
    color:rgba(255,255,255,.6) !important;
    text-decoration:none !important;
}

/* Footer middle: align right links to same visual baseline as slogan */
.footer-middle-section .row {
    display:flex !important;
    align-items:center !important;
}
.footer-middle-section .footer-logo {
    margin-bottom:0 !important;
}

/* ============================================
   BLOG & CONTENT PAGES — 2026 consistency
   ============================================ */

/* Header widget divider lines: remove */
.header-widget {
    border-left:none !important;
    border-right:none !important;
}

/* Header user dropdown — clean 2026 */
.header-notifications-dropdown {
    border-radius:14px !important;
    box-shadow:0 8px 30px rgba(0,0,0,.10), 0 1px 3px rgba(0,0,0,.04) !important;
    border:1px solid #F0F0F0 !important;
    overflow:hidden !important;
}
.header-notifications-dropdown:before {
    display:none !important;
}
ul.user-menu-small-nav {
    padding:8px !important;
}
ul.user-menu-small-nav li a {
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    color:#3D3D3D !important;
    padding:9px 12px !important;
    border-radius:8px !important;
    transition:background .1s !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
}
ul.user-menu-small-nav li a:hover {
    background:#F5F5F5 !important;
    color:#1A1918 !important;
}
ul.user-menu-small-nav li a i {
    font-size:15px !important;
    color:#8A8A8A !important;
    margin-right:0 !important;
    width:18px !important;
}

/* Top header avatar: smaller, gray border */
#header .user-avatar,
.ud-header .user-avatar,
.navbar-btn .user-avatar {
    width:34px !important;
    height:34px !important;
}
/* Override blue theme border on avatar — thin gray, only on img */
.user-menu img,
#header .user-avatar img,
.header-notifications .user-avatar img {
    border:1.5px solid #D5D5D5 !important;
    box-shadow:none !important;
}
.user-avatar.status-online,
.user-avatar {
    border:none !important;
    box-shadow:none !important;
}
/* Hide online status dot */
.user-avatar.status-online:after,
.user-avatar:after,
.status-icon.status-online {
    display:none !important;
}

/* Blog listing & content page top breathing room */
.section.gray {
    padding-top:36px !important;
    background:#FAFAFA !important;
}
/* Blog single: top space (uses .container directly, not .section.gray) */
#titlebar.gradient + .container,
#titlebar + .container {
    padding-top:40px !important;
}

/* Blog column ratio — narrower sidebar, like Stripe/Linear */
.col-xl-8.col-lg-8 {
    flex:0 0 70% !important;
    max-width:70% !important;
}
.col-xl-4.col-lg-4.content-left-offset {
    flex:0 0 30% !important;
    max-width:30% !important;
    padding-left:32px !important;
}

/* HTML content pages (about, privacy) */
.container.margin-bottom-50 {
    padding-top:48px !important;
}
.html-pages {
    max-width:720px !important;
    margin:0 auto !important;
    padding-top:16px !important;
}

/* Blog listing sidebar: align search bar top with first article card top */
.sidebar-container.margin-top-65 {
    margin-top:69px !important;
}

/* Blog listing top headline */
.section.gray .section-headline.margin-top-60 {
    margin-top:0px !important;
}

/* Fix 2: Blog single page — add top spacing between nav and content */
.blog-post.single-post {
    margin-top:20px !important;
}

/* Blog single sidebar: align search bar top with article image top */
#titlebar + .container .sidebar-container {
    margin-top:20px !important;
}

/* Fix 3: Reduce gap between avatar and language switcher in header */
#header .right-side .header-widget {
    padding:0 10px !important;
}
#header .right-side .header-widget:first-child {
    padding-left:0 !important;
}
#header .right-side .header-widget:last-child {
    padding-right:0 !important;
}

/* Hide "Official Release" tag on blog thumbnails */
.blog-item-tag {
    display:none !important;
}

/* Hide share buttons on blog single */
.share-buttons {
    display:none !important;
}

/* Blog sidebar: hide only Tags and Social Profiles widgets */
.sidebar-widget.blog-tag-widget { display:none !important; }
/* Social Profiles is always the very last sidebar-widget with .freelancer-socials inside */
.sidebar-widget:has(.freelancer-socials) { display:none !important; }
/* Fallback for browsers without :has — hide via last-of-type only if it contains socials */
.sidebar-container > .sidebar-widget:last-of-type .freelancer-socials { display:none !important; }
.sidebar-container > .sidebar-widget:last-of-type > h3:last-of-type { display:none !important; }
/* Hide Recent Posts on single post sidebar */
.sidebar-container > .margin-bottom-40:has(.recent-post-widget) { display:none !important; }

/* Blog content typography */
.blog-post-content,
.blog-post-content p,
.blog-post .user-html,
.blog-post .user-html p {
    font-family:'DM Sans',sans-serif !important;
    font-size:17px !important;
    line-height:1.8 !important;
    color:#3D3D3D !important;
    -webkit-font-smoothing:antialiased !important;
    text-rendering:optimizeLegibility !important;
}

/* Blog listing title */
a.blog-post .blog-post-content h3 {
    font-family:'Instrument Serif',Georgia,serif !important;
    font-weight:400 !important;
    font-size:24px !important;
    color:#1A1918 !important;
    line-height:1.3 !important;
}

/* Blog SINGLE article title — bigger */
.blog-post.single-post .blog-post-content h3 {
    font-family:'Instrument Serif',Georgia,serif !important;
    font-weight:400 !important;
    font-size:36px !important;
    color:#1A1918 !important;
    line-height:1.15 !important;
    letter-spacing:-.01em !important;
    margin-bottom:16px !important;
}

/* Blog listing card */
a.blog-post {
    border-radius:16px !important;
    border:1px solid #F0F0F0 !important;
    overflow:hidden !important;
    box-shadow:none !important;
    transition:all 200ms ease !important;
    background:#fff !important;
}
a.blog-post:hover {
    border-color:rgba(61,180,250,.15) !important;
    box-shadow:0 4px 20px rgba(0,0,0,.04) !important;
    transform:translateY(-2px) !important;
}

/* Blog listing section headline */
.section-headline h4 {
    font-family:'Instrument Serif',Georgia,serif !important;
    font-size:28px !important;
    font-weight:400 !important;
    color:#1A1918 !important;
}

/* Blog post date badge */
.blog-post-date {
    font-family:'DM Sans',sans-serif !important;
    font-size:12px !important;
    color:#8A8A8A !important;
    background:#F3F3F3 !important;
    border:1px solid #F0F0F0 !important;
    border-radius:9999px !important;
    padding:4px 12px !important;
}

/* Blog category label */
.blog-post-content .margin-bottom-15 {
    color:#3DB4FA !important;
    font-size:13px !important;
    font-weight:600 !important;
}

/* Blog post info (date, category on single page) */
.blog-post-info {
    font-family:'DM Sans',sans-serif !important;
    font-size:13px !important;
    color:#8A8A8A !important;
    background:#F3F3F3 !important;
    padding:5px 14px !important;
    border-radius:9999px !important;
    border:1px solid #F0F0F0 !important;
}

/* Sidebar widget titles */
.sidebar-container h3,
.sidebar-container .widget-title {
    font-family:'Instrument Serif',Georgia,serif !important;
    font-weight:400 !important;
    font-size:24px !important;
    color:#1A1918 !important;
}

/* Sidebar search input */
.sidebar-container .input-with-icon input,
.sidebar-container input.with-border {
    border:1px solid #E5E5E5 !important;
    border-radius:12px !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:14px !important;
    padding:12px 16px !important;
    background:#fff !important;
    box-shadow:none !important;
}
.sidebar-container .input-with-icon input:focus {
    border-color:#3DB4FA !important;
    box-shadow:0 0 0 3px rgba(61,180,250,.08) !important;
}

/* Sidebar categories list */
.sidebar-container .widget-content ul li a {
    font-family:'DM Sans',sans-serif !important;
    font-size:15px !important;
    color:#5C5C5C !important;
    padding:10px 0 !important;
    border-bottom:1px solid #F3F3F3 !important;
    display:flex !important;
    justify-content:space-between !important;
}
.sidebar-container .widget-content ul li a:hover {
    color:#1A1918 !important;
}
.sidebar-container .widget-content ul li a .pull-right {
    color:#B0B0B0 !important;
    font-size:14px !important;
}

/* Content pages (about, privacy): centered, readable */
.html-pages,
.html-pages p {
    font-family:'DM Sans',sans-serif !important;
    font-size:17px !important;
    line-height:1.8 !important;
    color:#3D3D3D !important;
    -webkit-font-smoothing:antialiased !important;
    text-rendering:optimizeLegibility !important;
}
.html-pages h1, .html-pages h2, .html-pages h3, .html-pages h4 {
    font-family:'DM Sans',sans-serif !important;
    color:#1A1918 !important;
}

/* Blog post image: rounded, no shadow */
.blog-post-thumbnail-inner {
    border-radius:12px !important;
    overflow:hidden !important;
    box-shadow:none !important;
}
.blog-post.single-post .blog-post-thumbnail-inner {
    border-radius:16px !important;
}

/* Contact page: remove bullet dots and icons from contact info */
.contact-detail ul,
.business-info .content ul,
.dashboard-box .content.with-padding ul {
    list-style:none !important;
    padding-left:0 !important;
}
.job-property i,
.business-info .content ul li i,
.dashboard-box .content.with-padding ul li i {
    display:none !important;
}
.job-property,
.business-info .content ul li {
    font-family:'DM Sans',sans-serif !important;
    font-size:15px !important;
    color:#5C5C5C !important;
    padding-left:0 !important;
}
.business-info .content.with-padding ul li a {
    color:#3DB4FA !important;
    text-decoration:none !important;
}
.business-info .content.with-padding ul li a:hover {
    color:#2AA3E9 !important;
}

/* Contact form inputs */
.contactUs .with-border {
    border:1px solid #E5E5E5 !important;
    border-radius:12px !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:15px !important;
    padding:14px 18px !important;
    background:#fff !important;
    box-shadow:none !important;
}
.contactUs .with-border:focus {
    border-color:#3DB4FA !important;
    box-shadow:0 0 0 3px rgba(61,180,250,.08) !important;
}
.contactUs h2 {
    font-family:'Instrument Serif',Georgia,serif !important;
    font-weight:400 !important;
    font-size:30px !important;
    color:#1A1918 !important;
}

/* Contact "Send Message" button */
.contactUs .button {
    background:#3DB4FA !important;
    border:none !important;
    border-radius:9999px !important;
    font-family:'DM Sans',sans-serif !important;
    font-size:15px !important;
    font-weight:600 !important;
    padding:14px 32px !important;
    color:#fff !important;
}
.contactUs .button:hover {
    background:#2AA3E9 !important;
}

@media (max-width:992px) {
    .col-xl-8.col-lg-8,
    .col-xl-4.col-lg-4.content-left-offset {
        flex:0 0 100% !important;
        max-width:100% !important;
        padding-left:15px !important;
    }
}
