/* ======================================================
   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;
}


/* ======================================================
   2) Support Notice Banner  ✅ CENTERED + RTL FIX
   ====================================================== */
body::before {
    content: "في حال تعذر التواصل مع فريق الدعم الفني عبر النظام، يرجى الاتصال على الرقم المختصر 5555 من الهاتف الداخلي (CISCO).";
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    background-color: #7a1538;
    color: #ffffff;

    text-align: center;
    direction: rtl;              /* IMPORTANT */
    unicode-bidi: isolate;       /* IMPORTANT */

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

/* Mobile */
@media (max-width: 768px) {
    body::before {
        font-size: 14px;
        padding: 10px 12px;
    }
}

/* ======================================================
   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;
}

/* =================================================
   Enlarge "إضافة طلب دعم فني" button (SAFE & SCOPED)
   ================================================= */

a[data-id="addticket"] button.Button__primary {
    position: relative;
    min-width: 180px;
    padding: 10px 20px;
    line-height: 1.4;
    font-size: 14px;
    border-radius: 6px;
    white-space: nowrap;
}

a[data-id="addticket"] button.Button__primary {
    color: transparent !important;
}

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: inherit;
    font-weight: inherit;
    pointer-events: none;
}

/* =================================================
   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;
}
/* =====================================================
   MY AREA – Rename "My Tickets" to "My Requests"
   ===================================================== */

/* Hide original text */
a[data-id="My Tickets_views_filter_item"] {
    position: relative;
    color: transparent !important;
}

/* Inject new text */
a[data-id="My Tickets_views_filter_item"]::after {
    content: "الطلبات الخاصة بي";
    position: absolute;
    inset: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start; /* keep alignment natural */
    color: #000;
    font-size: 14px;
    font-weight: 600;
    pointer-events: none;
}
/* =====================================================
   TICKET DETAILS HEADER – ULTRA SURGICAL FIX
   خصائص تذكرة → خصائص الطلب
   ===================================================== */

/* Target ONLY the ticket properties header text */
.ListHeader__listHeader1
  .ListHeader__headerContent
  > h5.ListHeader__header1 {
    position: relative;
    color: transparent !important;
}

/* Inject new text */
.ListHeader__listHeader1
  .ListHeader__headerContent
  > h5.ListHeader__header1::after {
    content: "خصائص الطلب";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    pointer-events: none;
}
/* ======================================================
   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: nowrap;
    font-weight: 600;
}

.Header__name::after {
    content: "نظام الدعم الفني لنظم الاتصالات والشبكات";
    display: block;
    margin-top: 4px;
    font-size: 17px;
    font-weight: 400;
    color: #555;
    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;
}