/* ======================================================
   IDSC Helpdesk Portal – User-Only Mode
   ====================================================== */


/* ======================================================
   1) HARD REMOVE: Agent Login / Agent UI / Agent Links
   ====================================================== */
.agent-login,
.sign-in-agent,
.Signin__agentlogin,
div[class*="agentlogin"],
a[href*="agent"],
a[href*="signin/agent"],
a[href*="agentlogin"],
a[href*="desk.zoho.com"] {
    display: none !important;
}

body::before {
content: "في حال تعذر التواصل مع فريق الدعم الفني عبر النظام، يرجى الاتصال على الرقم الداخلي \00202A5555\00202C من هاتف (CISCO) الداخلي، أو على الرقم الخارجي \00202A0220532350\00202C.\A وللتواصل على الـ Switch (Operator) الخاص بمركز معلومات مجلس الوزراء: داخليًا على الرقم \00202A0000\00202C من هاتف (CISCO) الداخلي، وخارجيًا على الأرقام من \00202A02-2054600\00202C إلى \00202A02-2054604\00202C.";
    white-space: pre-line;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    box-sizing: border-box;

    background-color: #7a1538;
    color: #ffffff;

    text-align: center;
    direction: rtl;
    unicode-bidi: isolate;

    font-size: 13px;
    font-weight: 550;
    padding: 12px 13px;
    border-bottom: 1px solid #5c0f28;
    z-index: 9999;
}

/* Mobile */
@media (max-width: 768px) {
    body::before {
        font-size: 13px;
        padding: 9px 11px;
    }
}

/* ======================================================
   3) REMOVE Help Center Search (ALL devices)
   ====================================================== */
#headerContent,
.Header__searchSection,
.SearchContainer,
.SearchContainer__searchBox,
.SearchContainer__searchInput,
.SearchBox,
form[action*="search"] {
    display: none !important;
}


/* ======================================================
   4) HEADER TABS
   ====================================================== */
#portal_tabHome {
    display: none !important;
}
/* Keep tickets access */


/* ======================================================
   5) AUTH PAGES – Collapse Vertical Space
   ====================================================== */
.UserContainer,
.UserContainer__innerContainer1,
.UserContainer__innerContainer2,
.UserContainer__loginMainContainer,
.Signin,
.Signin__container,
.Signin__loginHalf,
.Signin__loginWrap,
.Signin__content,
.Signin__loginBox {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* ======================================================
   6) DESKTOP Breadcrumb Cleanup
   ====================================================== */
@media (min-width: 769px) {
    #breadCrumbsContainer {
        justify-content: flex-start !important;
        gap: 0 !important;
    }
}


/* ======================================================
   7) MOBILE Header Cleanup
   ====================================================== */
@media (max-width: 768px) {
    header,
    .Header,
    .Header__content,
    .Header__container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}


/* ======================================================
   8) IAM iframe Normalization
   ====================================================== */
#iamFrame html,
#iamFrame body {
    min-height: 0 !important;
    height: auto !important;
    overflow-y: auto !important;
}

#iamFrame * {
    max-height: none !important;
}


/* ======================================================
   9) REMOVE "Powered by Zoho Desk" (THE REAL ONE)
   ====================================================== */

.Footer__footerCopyright,
.Footer__container2 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

a.Footer__footerLink,
.Footer__footerLink,
span:has(+ a.Footer__footerLink) {
    display: none !important;
}


/* ======================================================
   10) CUSTOMIZE "New User" Description (Arabic)
   ====================================================== */
#newUserDesc {
    font-size: 0 !important;
}

#newUserDesc::after {
    content: "يرجى التسجيل حتى تتمكن من إرسال طلب دعم إلى فرق نظم الإدارة المركزية للاتصالات والحاسبات";
    display: block;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 700;
    color: #555;
    margin-top: 6px;
}


/* ======================================================
   11) Rename Ticket Page Titles
   ====================================================== */
.TicketFormLeftContainer__formTitle {
    font-size: 0 !important;
}

.TicketFormLeftContainer__formTitle::after {
    content: "إرسال طلب دعم فني";
    font-size: 20px;
    font-weight: 700;
    color: #000;
    display: inline-block;
}

.TicketFormLeftContainer__sectionName {
    font-size: 0 !important;
}

.TicketFormLeftContainer__sectionName::after {
    content: "معلومات طلب الدعم الفني";
    font-size: 16px;
    font-weight: 700;
    color: #000;
    display: inline-block;
}

/* ======================================================
   HIDE "Delete Account / Delete Profile" Section (Final)
   ====================================================== */

.ManageAccount__deleteBox,
.DeleteAccount__layer,
.DeleteAccount__deleteContent,
[data-id="user_delete"] {
    display: none !important;
}

.DeleteAccount__deleteBtn,
.DeleteAccount__description,
.DeleteAccount__title,
.Icon_icon.Icon_maxLarge {
    display: none !important;
}

/* ======================================================
   REMOVE Social Profile Fields (Facebook / Twitter)
   ====================================================== */

#field_facebook,
#field_twitter {
    display: none !important;
}

.FormElement__formElementvertical2[id*="facebook"],
.FormElement__formElementvertical2[id*="twitter"] {
    display: none !important;
}

/* =====================================================
   FOOTER HELP BLOCK – FINAL HARD FIX (CENTERED 100%)
   ===================================================== */

.Footer__footerInfo {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.Footer__footerQus {
    display: none !important;
}

.Footer__footerInfo::before {
    content: "هل تحتاج إلى مساعدة؟";
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 6px;
}

.Footer__footerDescription {
    display: none !important;
}

.Footer__footerInfo::after {
    content: "يرجى التأكد من تسجيل الدخول أولًا، ثم يمكنك إرسال طلب دعم فني إلى فرق الإدارة المركزية للاتصالات والحاسبات.";
    display: block;
    max-width: 90%;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #555;
    margin-bottom: 16px;
}

.Footer__footerBtn {
    display: flex !important;
    justify-content: center !important;
}

.Footer__footerBtn button {
    font-size: 0 !important;
}

.Footer__footerBtn button::after {
    content: "إرسال طلب دعم فني";
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

/* =================================================
   EMPTY STATE – FINAL CLEAN FIX (SPLIT CONTENT)
   ================================================= */

div[data-id="no_ticket"] h3,
div[data-id="no_ticket"] p {
    display: none !important;
}

div[data-id="no_ticket"]::before {
    content: "لم يتم العثور على أي طلب دعم فني";
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #f57c00;
    margin-top: 20px;
}

div[data-id="no_ticket"]::after {
    content: "أرسل طلب دعم فني جديد، وسيكون من دواعي سرورنا أن نساعدك.";
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    margin-top: 8px;
}
/* =========================================
   ZOHO DESK – MY AREA
   REMOVE ALL TICKET FILTER VIEWS
   ========================================= */

li[class*="My_Open_Tickets"],
li[class*="My_Closed_Tickets"],
li[class*="My_On_Hold_Tickets"],
li[class*="My_Overdue_Tickets"],
li[class*="CC_d_Tickets"],
li[class*="CC_d_Open_Tickets"],
li[class*="CC_d_Closed_Tickets"],
li[class*="CC_d_On_Hold_Tickets"],
li[class*="CC_d_Overdue_Tickets"] {
    display: none !important;
}
/* ============================================
   ADD TICKET BUTTON ONLY
   (Does NOT affect Close / other buttons)
   ============================================ */

/* Target ONLY Add Ticket button */
a[data-id="addTicket"] button.Button__primary {
    position: relative;
    color: transparent !important;   /* hide original text */
    display: block !important;
    margin: 0 auto !important;       /* center */
    padding: 16px 44px !important;   /* bigger button */
    border-radius: 8px !important;
}

/* Inject correct text */
a[data-id="addTicket"] button.Button__primary::after {
    content: "إضافة طلب جديد";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;                 /* normal text size */
    font-weight: 600;
    pointer-events: none;
}

/* =====================================================
   CLOSE TICKET – Fix YES button size (match Primary)
   ===================================================== */

/* Force Primary dimensions on YES button */
button[data-id="closeTicket_yes"] {
    position: relative;
    color: transparent !important;      /* hide "نعم" */
    display: inline-flex !important;    /* match Primary behavior */
    align-items: center;
    justify-content: center;

    padding: 10px 22px !important;      /* PRIMARY-LIKE padding */
    min-height: 38px !important;        /* PRIMARY height */
    min-width: 96px !important;         /* avoid tiny button */
    border-radius: 6px !important;
}

/* Inject correct label */
button[data-id="closeTicket_yes"]::after {
    content: "إغلاق الطلب";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    pointer-events: none;
}
/* =====================================================
   CLOSE TICKET – FINAL NORMALIZATION (SAFE)
   Affects ONLY Close Ticket flow
   ===================================================== */

/* --- Main Close Ticket button (top action) --- */
button[data-id="closeTicket"] {
    position: relative;
    color: transparent !important;
}

button[data-id="closeTicket"]::after {
    content: "إلغاء الطلب";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    pointer-events: none;
}

/* --- Confirmation message text --- */
.CloseTicketPopup__closeTicketContent .marBtm20 {
    font-size: 0 !important;
}

.CloseTicketPopup__closeTicketContent .marBtm20::after {
    content: "هل أنت متأكد من أنك تريد إلغاء الطلب؟";
    font-size: 15px;
    color: #333;
}

/* --- Popup buttons layout (RTL + balance) --- */
.CloseTicketPopup__closeTicket > div:last-child {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 12px;
    margin-top: 12px;
}

/* --- YES button (إغلاق الطلب) --- */
button[data-id="closeTicket_yes"] {
    position: relative;
    color: transparent !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 26px !important;
    min-width: 130px !important;
    min-height: 38px !important;
    border-radius: 6px !important;
}

button[data-id="closeTicket_yes"]::after {
    content: "إغلاق الطلب";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    pointer-events: none;
}

/* --- NO button (leave logic, fix size only) --- */
button[data-id="closeTicket_no"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 26px !important;
    min-width: 130px !important;
    min-height: 38px !important;
    border-radius: 6px !important;
}


/* ======================================================
   Security Notice Above "الوصف" Field
   ====================================================== */

#field_description::before {
    content: "تنبيه أمني: يرجى عدم مشاركة أي بيانات حساسة مثل كلمات المرور أو الرموز السرية أو المعلومات البنكية ضمن هذا الحقل.";
    display: block;
    background-color: #fff4e5;
    color: #7a4b00;
    border: 1px solid #f0c36d;
    border-radius: 4px;
    padding: 10px 12px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 500;
}
/* =========================================
   Header Name – Two-line EN / AR Title
   ========================================= */

.Header__name {
    white-space: normal !important;
    max-width: 100%;
}

.Header__name::after {
    content: "نظام الدعم الفني لنظم الإدارة المركزية للاتصالات والحاسبات";
    display: block;
    margin-top: 4px;
    font-size: 17px;
    font-weight: 400;
    color: #FFF;
    direction: rtl;
}
#signUpDesc {
    visibility: hidden;
    position: relative;
}

#signUpDesc::after {
    content: "قم بإنشاء حساب لإرسال ومتابعة طلبات الدعم الفني مع القسم المختص";
    visibility: visible;
    position: absolute;
    inset: 0;
    white-space: normal;
    color: inherit;
    font-size: inherit;
    line-height: 1.6;
}
/* Exact replace for sign-in description text */
#signInDesc {
    font-size: 0 !important;
    position: relative;
}

#signInDesc::after {
    content: "لإرسال طلبات الدعم الفني ومتابعة طلباتك";
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    display: block;
}
/* ======================================================
   ZOHO DESK – DESCRIPTION EDITOR TOOLBAR CLEANUP
   Target: ul.KB_Editor_MultiTools
   ====================================================== */

/* Hide IMAGE / ATTACH */
ul.KB_Editor_MultiTools li[editor-command="attach"] {
    display: none !important;
}

/* Hide FONT COLOR */
ul.KB_Editor_MultiTools li[editor-command="forecolor"] {
    display: none !important;
}

/* Hide BACKGROUND COLOR */
ul.KB_Editor_MultiTools li[editor-command="backcolor"] {
    display: none !important;
}

/* Hide FONT SIZE dropdown */
ul.KB_Editor_MultiTools li[editor-command="fontSize"] {
    display: none !important;
}

/* Hide INSERT OPTIONS menu */
ul.KB_Editor_MultiTools li[editor-command="insertoptions"] {
    display: none !important;
}

/* Hide TEXT STYLE */
ul.KB_Editor_MultiTools li[editor-command="styletext"] {
    display: none !important;
}

/* OPTIONAL: Hide INDENT controls */
ul.KB_Editor_MultiTools li[editor-command="indentoptions"] {
    display: none !important;
}

/* OPTIONAL: Hide CLEAR FORMATTING */
ul.KB_Editor_MultiTools li[editor-command="removeFormat"] {
    display: none !important;
}

/* Keep toolbar compact */
ul.KB_Editor_MultiTools {
    gap: 6px !important;
}
/* Replace "إرسال تذكرة" with "إرسال طلب دعم" */
span[data-id="ticketForm_breadcrumb_1"] {
    visibility: hidden;
    position: relative;
}

span[data-id="ticketForm_breadcrumb_1"]::after {
    content: "إرسال طلب دعم";
    visibility: visible;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: inherit;
    color: inherit;
}
/* Collapsed state */
.TextEditor__editDraft {
  max-height: 120px;
  overflow: hidden;
}

/* Expand on focus */
.TextEditor__editDraft:focus-within {
  max-height: 360px;
}
/* /* ===============================
   Field label – final polished version
   =============================== */

/* Label base */
label[for="cf_rqm_almhmwl"] {
    font-size: 15px;
    font-weight: 700;
    color: #3d0f2c;
    letter-spacing: 0.3px;
    margin-bottom: 8px;
    padding-bottom: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: relative;
}

/* Subtle underline accent */
label[for="cf_rqm_almhmwl"]::after {
    content: "";
    position: absolute;
    bottom: -4px;
    right: 0;
    width: 28px;
    height: 3px;
    background: linear-gradient(to left, #7a1f4a, #c48aa6);
    border-radius: 2px;
    transition: width 0.2s ease;
}

/* Mandatory star */
label[for="cf_rqm_almhmwl"] .FormElement__required {
    color: #b11226;
    font-size: 15px;
    margin-right: 2px;
    opacity: 0.85;
}
/* ===============================
   Subject field label – polished
   =============================== */

/* Label base */
label[for="subject"] {
    font-size: 15px;
    font-weight: 700;
    color: #3d0f2c;
    letter-spacing: 0.3px;
    margin-bottom: 8px;
    padding-bottom: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: relative;
}

/* Subtle underline accent */
label[for="subject"]::after {
    content: "";
    position: absolute;
    bottom: -4px;
    right: 0;
    width: 28px;
    height: 3px;
    background: linear-gradient(to left, #7a1f4a, #c48aa6);
    border-radius: 2px;
}

/* Mandatory star */
label[for="subject"] .FormElement__required {
    color: #b11226;
    font-size: 15px;
    margin-right: 2px;
    opacity: 0.85;
}

/* Hide Location section title */
.EditProfileContainer__profileHeadTitle {
  display: none !important;
}

/* Hide Country */
#field_countryLocale {
  display: none !important;
}

/* Hide Time Format */
#field_timeFormat {
  display: none !important;
}

/* Hide Date Format */
#field_dateFormat {
  display: none !important;
}

/* Optional: remove extra spacing */
.EditProfileContainer__boxList {
  margin-bottom: 0 !important;
}

/* Remove Date Format */
.ProfileInformation__profileInfo [data-id="dateFormat_label"],
.ProfileInformation__profileInfo [data-id="dateFormat_value"] {
    display: none !important;
}

/* Remove Time Format */
.ProfileInformation__profileInfo [data-id="timeFormat_label"],
.ProfileInformation__profileInfo [data-id="timeFormat_value"] {
    display: none !important;
}

/* Remove Time Zone */
.ProfileInformation__profileInfo [data-id="timeZone_label"],
.ProfileInformation__profileInfo [data-id="timeZone_value"] {
    display: none !important;
}

/* Remove Country */
.ProfileInformation__profileInfo [data-id="country_label"],
.ProfileInformation__profileInfo [data-id="country_value"] {
    display: none !important;
}
/* Remove Location (Country) */
.ProfileInformation__profileInfo [data-id="location_label"],
.ProfileInformation__profileInfo [data-id="location_value"] {
    display: none !important;
}

/* Remove Watchlist tab (قائمة المتابعة) */
li[data-id="profile_watchlist"] {
    display: none !important;
}

/* Hide Phone field (label + input) in Zoho Desk portal */
#field_phone {
  display: none !important;
}

/* ===============================
   Location (المقر) field label – polished
   =============================== */

/* Label base */
label[for="cf_almqr_2"] {
    font-size: 15px;
    font-weight: 700;
    color: #3d0f2c;
    letter-spacing: 0.3px;
    margin-bottom: 8px;
    padding-bottom: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: relative;
}

/* Subtle underline accent */
label[for="cf_almqr_2"]::after {
    content: "";
    position: absolute;
    bottom: -4px;
    right: 0;
    width: 28px;
    height: 3px;
    background: linear-gradient(to left, #7a1f4a, #c48aa6);
    border-radius: 2px;
}

/* Mandatory star */
label[for="cf_almqr_2"] .FormElement__required {
    color: #b11226;
    font-size: 15px;
    margin-right: 2px;
    opacity: 0.85;
}
.UserContainer__logInMainContainer::before {
    content: "مرحبًا بك في بوابة الدعم الفني لمركز المعلومات ودعم اتخاذ القرار بمجلس الوزراء";
    display: block;

    max-width: 820px;
    margin: 12px auto 8px;

    text-align: center;
    line-height: 1.6;

    font-size: 14px;     /* was 15 */
    font-weight: 400;    /* was 500 */
    letter-spacing: 0.1px;

    color: #333;         /* was #222 */
}

/* Mobile */
@media (max-width: 768px) {
    .UserContainer__logInMainContainer::before {
        font-size: 12.5px;   /* was 13.5 */
        margin: 10px auto 6px;
        line-height: 1.5;
    }
}

/* =====================================================
   MOBILE – Move REAL "Add Ticket" button (lower + smaller)
   ===================================================== */

@media (max-width: 768px) {

  .TicketList__widgetSection {
      position: relative !important;
  }

  .TicketList__widgetSection a[data-id="addticket"] {
      position: fixed !important;
      top: 150px !important;   /* lower than before */
      left: 50% !important;
      transform: translateX(-50%) !important;
      z-index: 50 !important;
      margin: 0 !important;
  }

  .TicketList__widgetSection a[data-id="addticket"] button {
      min-width: 180px !important;   /* smaller */
      padding: 9px 18px !important;
      border-radius: 8px !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      white-space: nowrap !important;
  }

  .TicketList__rightPanelDetail {
      padding-top: 110px !important;
  }
}

/* =====================================================
   PROFILE – Hide ONLY "الموقع" section
   ===================================================== */

/* Hide the title "الموقع" */
.ManageAccount__profileHeadTitle.ManageAccount__profileTitle {
    font-size: 0 !important;
}


/* =========================================
   REMOVE "كل القنوات" button completely
   ========================================= */

div[data-id="channelFilter"] {
    display: none !important;
}


/* =========================================
   MOBILE LOGIN – Remove iframe dead space
   ========================================= */

@media (max-width: 768px) {

  /* Kill Zoho fixed height on iframe wrapper */
  .UserContainer__innerContainer1 {
      height: auto !important;
      min-height: 0 !important;
  }

  /* The real culprit: Zoho sets huge min-height here */
  .Signin__loginBox,
  .Signin__content {
      min-height: 0 !important;
      height: auto !important;
  }

  /* Let iframe define its own height */
  #iamFrame {
      height: 220px !important;   /* was 415 */
      min-height: 220px !important;
  }

}

/* =========================================
   DESKTOP LOGIN – Remove iframe dead space
   ========================================= */

/* Kill Zoho vertical reservation */
.UserContainer__innerContainer1,
.Signin__loginBox,
.Signin__content {
    height: auto !important;
    min-height: 0 !important;
}

/* Let the IAM frame define the real height */
#iamFrame {
    height: 330px !important;
    min-height: 330px !important;
}


/* =========================================
   REMOVE Header Tabs (Cases / Signin)
   ========================================= */

.Header__menuTab #portal_tabCases,
.Header__menuTab #portal_tabsignin {
    display: none !important;
}

/* =====================================================
   TIMEZONE DROPDOWN — SHOW ONLY AFRICA / CAIRO
   ===================================================== */

#dropdown_list_field_timeZone li:not([data-id="field_timeZone_Africa/Cairo"]) {
    display: none !important;
}

.KbDetailLtContainer__userSocialIcon {
    display: none !important;
}

div[class*="popularAricles"] {
    display: none !important;
}

div[class*="subscribeDescription"] {
    display: none !important;
}

.KbDetailRtContainer__followOption {
    display: none !important;
}

.ArticleListRightContainer__followOption {
    display: none !important;
}

svg[alt="User Preference"] {
    display: none !important;
}


/* Fix header text: الشائعة instead of شائع */

h5.ListHeader__header1 {
    font-size: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

h5.ListHeader__header1 .modulesname {
    font-size: 18px !important;
    margin-inline-end: 4px !important;   /* small space before icon */
}

h5.ListHeader__header1::after {
    content: " الشائعة";
    font-size: 18px !important;
    margin-inline-start: 4px !important;
}

h5.ListHeader__header1 svg {
    margin-inline-start: 6px !important;
}
h5.ListHeader__header1 .modulesname,
h5.ListHeader__header1::after {
    font-weight: 600;
}
#portal_tabSolutions .Header__tabs__link {
    font-size: 14px !important;
    line-height: 1.2 !important;
}


/* Hide ONLY ForticlientHowto attachment row */

.Attachment__attachRow:has(.Attachment__attachName[data-id*="fhok9d6ce4756bb6b4eb9ba6044239d8c5ac0"]) {
    display: none !important;
}

/* Hide attachments section title if no attachments remain */
.Attachment__attachmentHeading {
    display: none !important;
}

/* =========================
   Breadcrumbs - cleaner + more visible
   ========================= */

li:has([data-id="ticketForm_breadcrumb_0"]),
li:has([data-id="ticketForm_breadcrumb_1"]) {
  display: inline-flex;
  align-items: center;
}

/* Breadcrumb link */
[data-id="ticketForm_breadcrumb_0"] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #f3f0ff;
  color: #490430 !important;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none !important;
  border: 1px solid rgba(73, 4, 48, 0.12);
  box-shadow: 0 2px 8px rgba(73, 4, 48, 0.06);
  transition: all 0.25s ease;
}

/* Hover */
[data-id="ticketForm_breadcrumb_0"]:hover {
  background: #490430;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(73, 4, 48, 0.18);
}

/* Current page breadcrumb */
[data-id="ticketForm_breadcrumb_1"] {
  display: inline-flex;
  align-items: center;
  margin-inline-start: 10px;
  padding: 8px 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, #490430 0%, #6d0a4d 100%);
  color: #ffffff !important;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.2px;
  box-shadow: 0 6px 18px rgba(73, 4, 48, 0.22);
}

/* Add separator */
li:has([data-id="ticketForm_breadcrumb_1"])::before {
  content: "‹";
  color: #8c7a87;
  font-size: 18px;
  margin: 0 8px;
  vertical-align: middle;
}

/* =========================
   Main page title
   Replace selector if needed
   ========================= */

.TicketFormLeftContainer__formTitle {
  display: inline-block;
  position: relative;
  padding: 12px 22px;
  border-radius: 14px;
  background: linear-gradient(135deg, #490430 0%, #6d0a4d 100%);
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.5;
  box-shadow: 0 10px 24px rgba(73, 4, 48, 0.22);
  margin-bottom: 14px;
}

/* subtle glow line under title */
.TicketFormLeftContainer__formTitle::after {
  content: "";
  position: absolute;
  inset-inline: 18px;
  bottom: -8px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #490430, #b14a86, #490430);
  opacity: 0.9;
}

ul li:has(> span[data-id="ticketForm_breadcrumb_1"]) {
  display: none !important;
}

/* Hide original text */
.My_Tickets .TicketList__viewsName {
  font-size: 0 !important;
}

/* Show new text instead */
.My_Tickets .TicketList__viewsName::after {
  content: "طلبات الدعم الفني الخاصة بي";
  font-size: 14px;
  font-weight: 600;
  color: inherit;
}