:root{
    --ctk-white:#ffffff;
    --ctk-page:#f6f6f4;
    --ctk-black:#000000;
    --ctk-header:#05080d;
    --ctk-header-2:#0b0f14;
    --ctk-text:#111317;
    --ctk-muted:#68707c;
    --ctk-border:rgba(0,0,0,0.08);
    --ctk-border-strong:rgba(0,0,0,0.12);
    --ctk-red:#ff2528;
    --ctk-red-dark:#cc1d20;
    --ctk-card-shadow:0 8px 24px rgba(0,0,0,0.04);
    --ctk-radius:16px;
}

/* ===== BASE ===== */
html,
body,
.portalThemeContainer,
.commonStyle__zt3Bg,
.commonStyle__zt3BodyBg,
.portalThemeContainer .pageBg,
.portalThemeContainer .kbBody,
.SigninContainer,
.signinContainer,
.LoginContainer{
    background:var(--ctk-page) !important;
    background-color:var(--ctk-page) !important;
    color:var(--ctk-text) !important;
    font-family:Inter, Helvetica Neue, Arial, sans-serif !important;
}

/* ===== HEADER ===== */
.Header__header,
.header,
.TopBar,
.NavBar,
nav,
.commonStyle__zt3BrandBg,
#headerContainer,
.Header__searchSection,
#headerContent{
    background:linear-gradient(180deg, var(--ctk-header) 0%, var(--ctk-header-2) 100%) !important;
    background-color:var(--ctk-header) !important;
    border:none !important;
    box-shadow:none !important;
}

.Header__headerImg{
    display:none !important;
}

.Header__headerContainer{
    max-width:1240px;
    margin:0 auto;
    padding:18px 24px 14px;
}

.Header__headerRow{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    flex-wrap:wrap;
}

.Header__brand{
    display:flex;
    align-items:center;
    gap:14px;
}

.Header__brandLogoImg{
    max-height:46px !important;
    width:auto !important;
    display:block !important;
}

.Header__brandName,
.Header__tabsTab,
.Header__tabsTab a,
.commonStyle__zt3Brand,
.commonStyle__zt3Brand a,
.Header__name,
.Header__menuList li a{
    color:#ffffff !important;
}

.Header__tabsTab a:hover,
.Header__tabsTab:hover,
.Header__menuList li a:hover{
    color:var(--ctk-red) !important;
}

.Header__headerNav{
    margin-top:14px;
    border-top:1px solid rgba(255,255,255,0.08);
    padding-top:12px;
}

.Header__tabsList{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    gap:24px !important;
    flex-wrap:wrap !important;
}

.Header__headerSearch{
    flex:1;
    display:flex;
    justify-content:center;
    min-width:320px;
}

.Header__headerSearchInner{
    width:100%;
    max-width:560px;
}

.Header__headerSearchInner input[type="search"],
.Header__headerSearchInner input[type="text"]{
    width:100% !important;
    min-height:48px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,0.10) !important;
    background:rgba(255,255,255,0.04) !important;
    color:#ffffff !important;
    padding:0 16px !important;
    box-shadow:none !important;
}

.Header__headerSearchInner input::placeholder{
    color:rgba(255,255,255,0.58) !important;
}

/* keep only the direct header row text white, not dropdown contents */
.Header__headerRow > a,
.Header__headerRow > span,
.Header__headerRow > div > a,
.Header__headerRow > div > span{
    color:#ffffff !important;
}

/* ===== USER DROPDOWN ===== */
.Header__profileMenu,
.Header__profileMenu *,
.Profile__profileMenu,
.Profile__profileMenu *,
.UserMenu,
.UserMenu *,
[role="menu"],
[role="menu"] *{
    background:#ffffff !important;
    background-color:#ffffff !important;
    color:var(--ctk-text) !important;
}

.Header__profileMenu a,
.Profile__profileMenu a,
.UserMenu a,
[role="menu"] a{
    color:var(--ctk-text) !important;
    text-decoration:none !important;
}

.Header__profileMenu a:hover,
.Profile__profileMenu a:hover,
.UserMenu a:hover,
[role="menu"] a:hover{
    background:#f5f5f5 !important;
    color:var(--ctk-text) !important;
}

/* ===== CONTENT CARDS ===== */
.portalThemeContainer .signinBox,
.portalThemeContainer .LoginDetail,
.signinContainer .signinContent,
.signinContainer .signinBox,
.LoginContainer .LoginDetail,
.LoginContainer .signinBox,
.portalThemeContainer .signinBoxContainer,
.portalThemeContainer .articleContent,
.portalThemeContainer .kbCategoryContainer,
.portalThemeContainer .ticketDetailContainer,
.portalThemeContainer .Card,
.portalThemeContainer .widgetCard,
.Card,
.portalThemeContainer .kbCategoryContainer{
    background:#ffffff !important;
    background-color:#ffffff !important;
    color:var(--ctk-text) !important;
    border:1px solid var(--ctk-border) !important;
    border-radius:var(--ctk-radius) !important;
    box-shadow:var(--ctk-card-shadow) !important;
}

/* ===== TEXT ===== */
h1,h2,h3,h4,h5,h6{
    color:var(--ctk-text) !important;
}

p,small,label{
    color:var(--ctk-muted) !important;
}

/* ===== FORMS ===== */
input,
textarea,
select{
    background:#ffffff !important;
    background-color:#ffffff !important;
    color:var(--ctk-text) !important;
    border:1px solid var(--ctk-border-strong) !important;
    border-radius:12px !important;
    box-shadow:none !important;
}

input::placeholder,
textarea::placeholder{
    color:#8b94a1 !important;
}

/* ===== BUTTONS ===== */
button,
input[type="submit"],
.btn{
    background:var(--ctk-red) !important;
    color:#ffffff !important;
    border:none !important;
    border-radius:12px !important;
    box-shadow:none !important;
}

button:hover,
input[type="submit"]:hover,
.btn:hover{
    background:var(--ctk-red-dark) !important;
}

/* ===== GLOBAL LIST / ARTICLE / MY AREA FIX ===== */
.ListItem,
.KbArticleList__listItem,
.ArticleList__listItem,
.MyArea__listItem,
.TicketList__listItem,
.KbCategory__box{
    background:#ffffff !important;
    background-color:#ffffff !important;
    color:var(--ctk-text) !important;
    border-color:var(--ctk-border) !important;
    box-shadow:none !important;
}

.ListItem *,
.KbArticleList__listItem *,
.ArticleList__listItem *,
.MyArea__listItem *,
.TicketList__listItem *,
.KbCategory__box *{
    background:transparent !important;
    background-color:transparent !important;
    color:var(--ctk-text) !important;
    box-shadow:none !important;
}

/* hover / active states */
.ListItem:hover,
.KbArticleList__listItem:hover,
.ArticleList__listItem:hover,
.MyArea__listItem:hover,
.TicketList__listItem:hover,
.KbCategory__box:hover{
    background:#f7f7f5 !important;
    background-color:#f7f7f5 !important;
}

.ListItem:focus,
.ListItem:active,
.KbArticleList__listItem:focus,
.KbArticleList__listItem:active,
.ArticleList__listItem:focus,
.ArticleList__listItem:active,
.MyArea__listItem:focus,
.MyArea__listItem:active,
.TicketList__listItem:focus,
.TicketList__listItem:active,
.KbCategory__box:focus,
.KbCategory__box:active,
[aria-selected="true"]{
    background:#f3f4f6 !important;
    background-color:#f3f4f6 !important;
    color:var(--ctk-text) !important;
    outline:none !important;
}

/* kill pseudo overlays that create black bars */
.ListItem::before,
.ListItem::after,
.KbArticleList__listItem::before,
.KbArticleList__listItem::after,
.ArticleList__listItem::before,
.ArticleList__listItem::after,
.MyArea__listItem::before,
.MyArea__listItem::after,
.TicketList__listItem::before,
.TicketList__listItem::after,
.KbCategory__box::before,
.KbCategory__box::after{
    display:none !important;
    background:none !important;
    box-shadow:none !important;
}

/* links inside list rows */
.ListItem a,
.KbArticleList__listItem a,
.ArticleList__listItem a,
.MyArea__listItem a,
.TicketList__listItem a,
.KbCategory__box a{
    color:var(--ctk-text) !important;
    text-decoration:none !important;
}

/* ===== MINIMAL FOOTER ===== */
.ctk-min-footer{
    width:100%;
    background:#000000;
    color:rgba(255,255,255,0.75);
    text-align:center;
    padding:14px 10px;
    font-size:13px;
    letter-spacing:0.3px;
}

.ctk-min-footer a{
    color:rgba(255,255,255,0.75);
    text-decoration:none;
    margin-left:4px;
    transition:color 0.2s ease;
}

.ctk-min-footer a:hover{
    color:var(--ctk-red);
}

/* hide Zoho default footer */
.Footer__footerCopyrigt{
    display:none !important;
}

/* ===== MOBILE ===== */
@media (max-width:768px){
    .Header__headerContainer{
        padding:16px;
    }

    .Header__headerSearch{
        width:100%;
        min-width:100%;
    }

    .Header__headerSearchInner{
        max-width:none;
    }

    .Header__tabsList{
        gap:16px !important;
    }

    .portalThemeContainer .signinBox,
    .portalThemeContainer .LoginDetail,
    .signinContainer .signinContent,
    .signinContainer .signinBox,
    .LoginContainer .LoginDetail,
    .LoginContainer .signinBox{
        margin:20px 14px 40px !important;
        padding:24px 20px !important;
        border-radius:14px !important;
    }
}