/* ----------------------------------------- */
/* == 1. Global Styles & Variables == */
/* ----------------------------------------- */
@import url('majestic_support_variables.css');

/* General Styles  */
#pie3d_chart1 svg {overflow: visible !important;}
#mjtc-private-note-wrp.visible-mjtc-private-note-wrp {display: flex;}
div.ms-main-up-wrapper {width: 100% !important;max-width: 1280px !important;margin: 0 auto;position:relative;border: 1px solid var(--mjtc-color-6);border-radius: 20px;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);color: var(--mjtc-color-4);background-color: var(--mjtc-color-7);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-sizing: border-box;position: relative;overflow: hidden;background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));font-size: 16px;}
div.ms-main-up-wrapper *{box-sizing: border-box !important;}
form.mjtc-support-form div.mjtc-form-wpuser-data-wrapper {width: 100%;display: flex;flex-wrap: wrap;gap: 2em; padding: 2em;border: 2px dashed var(--mjtc-color-5);border-radius: 12px;}
form.mjtc-support-form div.mjtc-form-wpuser-data-wrapper input.mjtc-support-form-field-input {border-radius: 12px !important;}
#wp-mjsupport_message-wrap button{background: #f6f7f7 !important;color: #50575e !important;background-color: #f6f7f7 !important;}
div.mjtc-support-ticket-wrapper {display: flex;flex-wrap: wrap; width: 100%}
.mjtc-transparent-header-img1 {position: absolute; left: 0; right: 0; top:0; bottom:0; margin-left: auto; margin-right: auto; max-width: 100%; height:140px; z-index: 1;border-bottom-right-radius: 20px;border-bottom-left-radius:20px;}
.mjtc-support-top-sec-header { display: flex; justify-content: space-between;padding: 30px 22px; min-height:140px;position: relative;border-bottom-right-radius: 20px;border-bottom-left-radius:20px;}
.my-download-file-btn {vertical-align: top;margin: 0px 2px;padding: 0px 8px;display: inline-block;text-decoration: none;cursor: pointer;border: 1px solid;border-radius: 3px;white-space: nowrap;font-size: .8em;}
div.ms-main-up-wrapper .wp-switch-editor{height: auto;}
div.ms-main-up-wrapper a{cursor: pointer;}
body .entry-content .ms-main-up-wrapper a{text-decoration:none;}
/* top message */
div.ms-main-up-wrapper .mjtc-toast-wrapper { position: fixed; top: 40px; left: 50%; transform: translateX(-50%); z-index: 9999; pointer-events: none; display: flex; flex-direction: column; align-items: center; gap: 10px; }
div.ms-main-up-wrapper .mjtc-toast-msg { pointer-events: auto; background: rgba(15, 23, 42, 0.95); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 0 20px rgba(16, 185, 129, 0.2); border-radius: 50px; padding: 8px 16px 8px 8px; display: flex !important; align-items: center; gap: 12px; transform: translateY(-150px) scale(0.9); opacity: 0; transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); }
div.ms-main-up-wrapper .mjtc-toast-msg.show { transform: translateY(0) scale(1); opacity: 1; }
div.ms-main-up-wrapper .mjtc-toast-icon-wrp { background: rgba(16, 185, 129, 0.15); color: #10b981; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: inset 0 0 10px rgba(16,185,129,0.2); }
div.ms-main-up-wrapper .mjtc-toast-msg.error .mjtc-toast-icon-wrp{color:red;}
div.ms-main-up-wrapper .mjtc-toast-icon-wrp svg { width: 18px; height: 18px; stroke-width: 2.5px;fill: none;}
div.ms-main-up-wrapper .mjtc-toast-content { display: flex; align-items: center; gap: 6px; font-size: 0.9em; padding-right: 8px; font-family: 'Inter', sans-serif;}
div.ms-main-up-wrapper .mjtc-toast-title { font-weight: 700; color: #ffffff; }
div.ms-main-up-wrapper .mjtc-toast-desc { color: #cbd5e1; font-weight: 400; }
div.ms-main-up-wrapper .mjtc-toast-close { background: transparent; border: none; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #94a3b8; cursor: pointer; transition: all 0.2s; margin-left: 8px; padding: 0; }
div.ms-main-up-wrapper .mjtc-toast-close:hover { color: white; background: rgba(255, 255, 255, 0.1); }
/*control pannel*/
div.ms-main-up-wrapper .mjtc-cp-wrapper {display: flex;min-height: 100vh;max-width: 1280px; margin: 0 auto;box-shadow: 0 0 40px rgba(0,0,0,0.05);background-color: var(--mjtc-color-3);}
div.ms-main-up-wrapper .mjtc-cp-user-name{font-weight: 600; font-size: .9em;}
div.ms-main-up-wrapper .mjtc-cp-user-role{font-size: .87em; color: var(--mjtc-color-4);overflow-wrap:anywhere;}
div.ms-main-up-wrapper .mjtc-support-cp-header-left{display: flex; align-items: flex-start;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-name{color: var(--mjtc-color-1); font-weight: 500;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-updated{color: var(--mjtc-color-4); font-size: .87em;}
div.ms-main-up-wrapper .mjtc-cp-right .mjtc-support-cp-download-item .mjtc-support-cp-btn-secondary svg{stroke-width: 2px;}
/* Sidebar */
div.ms-main-up-wrapper .mjtc-cp-left {width: 240px;background: var(--mjtc-color-7);border-right: 1px solid var(--mjtc-color-6);display: flex;flex-direction: column;position: sticky; top: 0;z-index: 40;transition: transform 0.3s ease;flex-shrink: 0;}
div.ms-main-up-wrapper .mjtc-cp-left.mjtc-dash-menu-link-hide{display: none;}
div.ms-main-up-wrapper .mjtc-support-cp-sidebar-brand {height: 70px;display: flex;align-items: center; justify-content: space-between;padding: 0 24px;font-size: 20px;font-weight: 700;color: var(--mjtc-color-1);border-bottom: 1px solid var(--mjtc-color-6);flex-shrink: 0;}
div.ms-main-up-wrapper .mjtc-support-cp-overlay {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(15, 23, 42, 0.4);backdrop-filter: blur(2px);z-index: 90;display: none;opacity: 0;transition: opacity 0.3s ease;}
div.ms-main-up-wrapper .mjtc-support-cp-close-sidebar {display: none;background: none;border: none;color: var(--mjtc-color-4);cursor: pointer;padding: 4px;}
div.ms-main-up-wrapper .mjtc-support-cp-close-sidebar svg {width: 20px;height: 20px;margin: 0;}
div.ms-main-up-wrapper .mjtc-support-cp-overlay.open {display: block;opacity: 1;}
div.ms-main-up-wrapper .mjtc-support-cp-sidebar-brand svg { margin-right: 10px; width: 24px; height: 24px; }
div.ms-main-up-wrapper .mjtc-menu-links-wrp {padding: 20px 12px;flex-grow: 1;overflow-y: auto;}
div.ms-main-up-wrapper .mjtc-menu-links-wrp::-webkit-scrollbar {width: 4px;}
div.ms-main-up-wrapper .mjtc-menu-links-wrp::-webkit-scrollbar-track {background: transparent; }
div.ms-main-up-wrapper .mjtc-menu-links-wrp::-webkit-scrollbar-thumb {background: #e5e7eb; border-radius: 4px;}
div.ms-main-up-wrapper .mjtc-menu-links-wrp:hover::-webkit-scrollbar-thumb {background: #d1d5db; }
div.ms-main-up-wrapper .mjtc-support-cp-nav-item { margin-bottom: 4px; }
div.ms-main-up-wrapper .mjtc-support-cp-menu {display: flex;align-items: center;padding: 10px 2px 10px 8px;color: var(--mjtc-color-4);border-radius: 12px;font-weight: 500;font-size: .89em;transition: all 0.2s ease;}
div.ms-main-up-wrapper .mjtc-support-cp-menu svg { width: 18px; height: 18px; margin-right: 12px; opacity: 0.8;stroke-width:2px;stroke: currentColor;fill: none; }
div.ms-main-up-wrapper .mjtc-support-cp-menu:hover, 
div.ms-main-up-wrapper .mjtc-support-cp-menu.active {background-color: #eef2ff; color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cp-menu:hover svg, 
div.ms-main-up-wrapper .mjtc-support-cp-menu.active svg {opacity: 1;}
div.ms-main-up-wrapper .mjtc-support-cp-sidebar-header {padding: 20px;border-bottom: 1px solid var(--mjtc-color-6);flex-shrink: 0;background: var(--mjtc-color-7);}
div.ms-main-up-wrapper .mjtc-support-cp-user-profile {display: flex;align-items: center;gap: 12px;}
div.ms-main-up-wrapper .mjtc-support-cp-user-avatar {width: 40px;height: 40px;color: var(--mjtc-color-7);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;min-width: 40px;}
div.ms-main-up-wrapper .mjtc-cp-right {flex-grow: 1;padding: 20px 24px 40px 24px;width: 100%; overflow-x: hidden;background-color: #f8fafc;}
div.ms-main-up-wrapper .mjtc-support-top-sec {display: flex;justify-content: space-between;align-items: center;margin-bottom: 32px;padding-top: 25px;}
div.ms-main-up-wrapper .mjtc-support-cp-page-title h1 {font-size: 24px;font-weight: 700;color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-support-cp-page-title p {color: var(--mjtc-color-4);font-size: .87em;margin-top: 12px;}
div.ms-main-up-wrapper .mjtc-support-cp-header-actions {display: flex;gap: 16px;}
div.ms-main-up-wrapper .mjtc-support-cp-btn {display: inline-flex;align-items: center;justify-content: center;padding: 10px 20px;border-radius: 8px;font-weight: 500;font-size: .86em;cursor: pointer;transition: all 0.2s;border: 1px solid transparent;}
div.ms-main-up-wrapper .mjtc-support-button {background-color: var(--mjtc-color-1);color: var(--mjtc-color-7);box-shadow: 0 4px 6px rgba(41, 26, 188, 0.2);display: inline-flex;align-items: center;justify-content: center;padding: 10px 20px;border-radius: 8px; font-weight: 500;font-size: .86em;cursor: pointer;transition: all 0.2s;border: 1px solid transparent;gap: 8px;}
div.ms-main-up-wrapper .mjtc-support-button:hover {background-color: #201490; transform: translateY(-1px);}
div.ms-main-up-wrapper .mjtc-cp-right .mjtc-support-button svg{width: 18px;height: 18px;}
div.ms-main-up-wrapper .mjtc-support-cp-btn-secondary {background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-cp-right .mjtc-support-cp-btn-secondary svg{stroke: currentColor;stroke-width: 20px;}
div.ms-main-up-wrapper .mjtc-cp-right .mjtc-support-button svg{fill:var(--mjtc-color-7);stroke: none;}
div.ms-main-up-wrapper .mjtc-support-cp-btn-secondary:hover {background-color: var(--mjtc-color-3);}
div.ms-main-up-wrapper .mjtc-support-cp-btn-icon-only {background: none;border: none;cursor: pointer;color: var(--mjtc-color-4);padding: 4px;font-size: 1em;}
div.ms-main-up-wrapper .mjtc-support-cp-btn-icon-only:hover { color: var(--mjtc-color-1); }
div.ms-main-up-wrapper .mjtc-support-cp-btn svg { margin-right: 8px;fill:currentcolor;stroke: white; }
div.ms-main-up-wrapper .mjtc-support-cp-download-item .mjtc-support-cp-btn svg{margin-right: 0;}
div.ms-main-up-wrapper .mjtc-support-cp-alert-banner {background-color: #fef3c7;color: #92400e;border: 1px solid #fcd34d; border-radius: 12px;padding: 16px;margin-bottom: 32px;display: flex;justify-content: space-between;align-items: center;font-size: .9em;}
div.ms-main-up-wrapper .mjtc-support-cp-alert-banner svg { margin-right: 10px; width: 18px; height: 18px; }
div.ms-main-up-wrapper .mjtc-support-cp-close-alert {background: none;border: none;color: #92400e;cursor: pointer;font-size: 1em;}
div.ms-main-up-wrapper .mjtc-support-cp-card {background: var(--mjtc-color-7);border-radius: 12px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);border: 1px solid var(--mjtc-color-6);padding: 24px 15px;height: auto; }
div.ms-main-up-wrapper .mjtc-support-cp-card-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
div.ms-main-up-wrapper .mjtc-support-cp-card-header-actions {display: flex;align-items: center;gap: 10px;width: 100%; justify-content: flex-end;}
div.ms-main-up-wrapper .mjtc-support-cp-card-title {font-size: 1em;font-weight: 600;color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-support-cp-stats-grid {display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 32px;}
div.ms-main-up-wrapper .mjtc-support-cp-stat-card {display: flex;align-items: center;padding: 20px;background: var(--mjtc-color-7);border-radius: 12px;border: 1px solid var(--mjtc-color-6);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);transition: transform 0.2s ease, box-shadow 0.2s ease;flex: 1 1 200px;}
div.ms-main-up-wrapper .mjtc-support-cp-stat-card:hover {transform: translateY(-2px);box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}
div.ms-main-up-wrapper .mjtc-support-cp-stat-icon {width: 48px;height: 48px;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 20px;margin-right: 16px;flex-shrink: 0;}
div.ms-main-up-wrapper .mjtc-support-cp-stat-icon svg {width: 24px;height: 24px;stroke: currentColor;fill: none;stroke-width: 2px;}
div.ms-main-up-wrapper .mjtc-cp-right svg{stroke: currentColor;fill: none;width: 24px;height: 24px}
div.ms-main-up-wrapper .mjtc-support-cp-stat-icon.blue { background: #dbeafe; color: var(--mjtc-color-8); }
div.ms-main-up-wrapper .mjtc-support-cp-stat-icon.green { background: #d1fae5; color: #10b981; }
div.ms-main-up-wrapper .mjtc-support-cp-stat-icon.amber { background: #fef3c7; color: #f59e0b; }
div.ms-main-up-wrapper .mjtc-support-cp-stat-icon.red { background: #fee2e2; color: #ef4444; }
div.ms-main-up-wrapper .mjtc-support-cp-stat-icon.gray { background: var(--mjtc-color-3); color: #4b5563; }
div.ms-main-up-wrapper .mjtc-support-cp-stat-content h3 {font-size: 24px;font-weight: 700;color: var(--mjtc-color-2);margin-bottom: 2px;}
div.ms-main-up-wrapper .mjtc-support-cp-stat-content p {font-size: .8em;color: var(--mjtc-color-4);font-weight: 500;}
div.ms-main-up-wrapper .mjtc-support-cp-grid {display: flex;flex-wrap: wrap;gap: 24px;}
div.ms-main-up-wrapper .mjtc-support-cp-column-stack {display: flex;flex-direction: column;gap: 24px;flex: 2;min-width: 300px;}
div.ms-main-up-wrapper .mjtc-support-cp-column-stack.widgets-column {flex: 1;min-width: 280px; }
/* Ticket Table */
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table-container {overflow-x: auto;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table {width: 100%;border-collapse: collapse;border-width:0px;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table th {text-align: left;font-size: .85em;text-transform: uppercase;letter-spacing: 0.05em;color: var(--mjtc-color-4);font-weight: 600;padding: 12px 8px;border-width:0px; border-bottom: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table td {padding: 16px 4px;border-width:0px; border-bottom: 1px solid var(--mjtc-color-6);vertical-align: middle;color: var(--mjtc-color-2);font-size: .9em;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table tr th:first-child{width:42%;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table tr td:first-child{width:42%;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table tbody tr {transition: background-color 0.1s;cursor: pointer;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table tbody tr:hover {background-color: #f9fafb;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table tbody tr:last-child td {border-bottom: none;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-subject {font-weight: 500;display: block;margin-bottom: 2px;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-id {font-size: .9em;color: var(--mjtc-color-4);display: flex;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-cp-badge {display: inline-flex;align-items: center;padding: 4px 8px;border-radius: 999px;font-size: .8em;font-weight: 600;line-height: 1;}
div.ms-main-up-wrapper .mjtc-support-cp-badge-success { background: #d1fae5; color: #10b981; }
div.ms-main-up-wrapper .mjtc-support-cp-badge-warning { background: #fef3c7; color: #f59e0b; }
div.ms-main-up-wrapper .mjtc-support-cp-badge-danger { background: #fee2e2; color: #ef4444; }
div.ms-main-up-wrapper .mjtc-support-cp-badge-neutral { background: var(--mjtc-color-3); color: #4b5563; }
div.ms-main-up-wrapper .mjtc-support-cp-badge-info { background: #dbeafe; color: var(--mjtc-color-8); }
div.ms-main-up-wrapper .mjtc-support-cp-priority-dot {height: 8px;width: 8px;border-radius: 50%;display: inline-block;margin-right: 6px;}
div.ms-main-up-wrapper .mjtc-support-cp-task-list {list-style: none;}
div.ms-main-up-wrapper .mjtc-support-cp-task-item {display: flex;align-items: center;padding: 10px 0;border-bottom: 1px solid var(--mjtc-color-6);font-size: .9em;}
div.ms-main-up-wrapper .mjtc-support-cp-task-item:last-child {border-bottom: none;}
div.ms-main-up-wrapper .mjtc-support-cp-task-checkbox {margin-right: 12px;accent-color: var(--mjtc-color-1);cursor: pointer;width: 16px;height: 16px;}
div.ms-main-up-wrapper .mjtc-support-cp-task-text {flex-grow: 1;}
div.ms-main-up-wrapper .mjtc-support-cp-team-grid {display: flex;flex-wrap: wrap;gap: 16px;}
div.ms-main-up-wrapper .mjtc-support-cp-team-card {display: flex;align-items: center;padding: 12px;border: 1px solid var(--mjtc-color-6);border-radius: 8px;background: #f9fafb; /* Fixed BG *//* Flex props */flex: 1 1 180px;}
div.ms-main-up-wrapper .mjtc-support-cp-team-avatar {width: 36px;height: 36px;border-radius: 50%;background: #e0e7ff; /* Fixed Light Blue */color: var(--mjtc-color-1);display: flex;align-items: center;justify-content: center;font-size: .7em;font-weight: 600;margin-right: 12px;position: relative;}
div.ms-main-up-wrapper .mjtc-support-cp-status-dot-online {position: absolute;bottom: 0;right: 0;width: 10px;height: 10px;border-radius: 50%;background: #10b981; /* Fixed Success */border: 2px solid var(--mjtc-color-7);}
div.ms-main-up-wrapper .mjtc-support-cp-team-info div:first-child {font-size: .8em;font-weight: 500;}
div.ms-main-up-wrapper .mjtc-support-cp-team-info div:last-child {font-size: .65em;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-cp-search-wrapper {position: relative;}
div.ms-main-up-wrapper .mjtc-support-cp-search-input {padding: 8px 12px 8px 36px;border: 1px solid var(--mjtc-color-6);border-radius: 8px;font-size: .8em;outline: none;width: 180px;transition: all 0.2s;color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-support-cp-search-input:focus {border-color: var(--mjtc-color-1);box-shadow: 0 0 0 3px #eef2ff;width: 200px;}
div.ms-main-up-wrapper .mjtc-support-cp-feedback-item {padding: 16px;border: 1px solid var(--mjtc-color-6);border-radius: 8px;margin-bottom: 12px;background: #fafafa; /* Fixed BG */}
div.ms-main-up-wrapper .mjtc-support-cp-feedback-item:last-child { margin-bottom: 0; }
div.ms-main-up-wrapper .mjtc-support-cp-feedback-header {display: flex;justify-content: space-between;margin-bottom: 8px;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-cp-star-rating {color: #fbbf24; /* Fixed Amber */font-size: .7em;letter-spacing: 1px;display: flex;gap: 2px;}
div.ms-main-up-wrapper .mjtc-support-cp-star-rating svg { width: 12px; height: 12px; }
div.ms-main-up-wrapper .mjtc-support-cp-feedback-date {font-size: .65em;color: var(--mjtc-color-5);}
div.ms-main-up-wrapper .mjtc-support-cp-feedback-text {font-style: italic;color: var(--mjtc-color-2);font-size: .8em;margin-bottom: 8px;line-height: 1.4;}
div.ms-main-up-wrapper .mjtc-support-cp-feedback-user {font-size: .7em;color: var(--mjtc-color-4);font-weight: 600;display: flex;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-cp-feedback-user svg { margin-right: 6px; width: 12px; height: 12px; }
div.ms-main-up-wrapper .mjtc-support-cp-leaderboard-item {display: flex;align-items: center;padding: 12px 0;border-bottom: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-cp-leaderboard-item:last-child { border-bottom: none; }
div.ms-main-up-wrapper .mjtc-support-cp-rank {width: 24px;font-weight: 700;color: var(--mjtc-color-5);margin-right: 12px;text-align: center;font-size: .9em;}
div.ms-main-up-wrapper .mjtc-support-cp-rank-1 { color: #f59e0b; }
div.ms-main-up-wrapper .mjtc-support-cp-rank-2 { color: #9ca3af; }
div.ms-main-up-wrapper .mjtc-support-cp-rank-3 { color: #b45309; }
div.ms-main-up-wrapper .mjtc-support-cp-leaderboard-user {flex-grow: 1;display: flex;align-items: center;gap: 10px;font-weight: 500;font-size: .9em;}
div.ms-main-up-wrapper .mjtc-support-cp-leaderboard-score {font-weight: 700;color: var(--mjtc-color-2);text-align: right;}
div.ms-main-up-wrapper .mjtc-support-cp-leaderboard-score span {font-weight: 400;font-size: .65em;color: var(--mjtc-color-4);display: block;}
div.ms-main-up-wrapper .mjtc-support-cp-scratchpad-area {width: 100%;height: 100px;border: 1px solid var(--mjtc-color-6);border-radius: 8px;padding: 12px;font-family: inherit;font-size: .8em;resize: vertical;outline: none;background: #fafafa;color: var(--mjtc-color-2);transition: all 0.2s;}
div.ms-main-up-wrapper .mjtc-support-cp-scratchpad-area:focus {border-color: var(--mjtc-color-1);background: var(--mjtc-color-7);box-shadow: 0 0 0 3px #eef2ff;}
div.ms-main-up-wrapper .mjtc-support-cp-integration-list { display: flex; flex-direction: column; gap: 14px; }
div.ms-main-up-wrapper .mjtc-support-cp-integration-item {display: flex;align-items: center;justify-content: space-between;font-size: .8em;font-weight: 500;}
div.ms-main-up-wrapper .mjtc-support-cp-int-left { display: flex; align-items: center; gap: 12px; color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .mjtc-support-cp-int-icon {width: 28px;height: 28px;background: var(--mjtc-color-3);border-radius: 6px;display: flex;align-items: center;justify-content: center;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-cp-status-ok { color: #10b981; font-size: .9em; }
div.ms-main-up-wrapper .mjtc-support-cp-status-warn { color: #f59e0b; font-size: .9em; }
div.ms-main-up-wrapper .mjtc-support-cp-article-list {display: flex;flex-direction: column;gap: 12px;}
div.ms-main-up-wrapper .mjtc-support-cp-article-item {display: flex;align-items: flex-start;gap: 12px;padding-bottom: 12px;border-bottom: 1px solid var(--mjtc-color-6);cursor: pointer;transition: transform 0.1s;}
div.ms-main-up-wrapper .mjtc-support-cp-article-item:hover {transform: translateX(2px);}
div.ms-main-up-wrapper .mjtc-support-cp-article-item:last-child {border-bottom: none;padding-bottom: 0;}
div.ms-main-up-wrapper .mjtc-support-cp-article-icon {background: #eef2ff;color: var(--mjtc-color-1);width: 32px;height: 32px;border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: .9em;flex-shrink: 0;}
div.ms-main-up-wrapper .mjtc-support-cp-article-content {flex: 1;}
div.ms-main-up-wrapper .mjtc-support-cp-article-content div:first-child {font-size: .8em;font-weight: 500;color: var(--mjtc-color-2);margin-bottom: 2px;line-height: 1.3;}
div.ms-main-up-wrapper .mjtc-support-cp-article-content div:last-child {font-size: .65em;color: var(--mjtc-color-4);}
/* NEW: Video Tutorials Styles */
div.ms-main-up-wrapper .mjtc-support-cp-video-grid {display: flex;flex-wrap: wrap;gap: 16px;}
div.ms-main-up-wrapper .mjtc-support-cp-video-card {border: 1px solid var(--mjtc-color-6);border-radius: 8px;overflow: hidden;cursor: pointer;transition: transform 0.2s, box-shadow 0.2s;background: var(--mjtc-color-7);flex: 1 1 220px;}
div.ms-main-up-wrapper .mjtc-support-cp-video-card:hover {transform: translateY(-3px);box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}
div.ms-main-up-wrapper .mjtc-support-cp-video-thumbnail {height: 120px;background-color: var(--mjtc-color-6);position: relative;display: flex;align-items: center;justify-content: center;background-size: cover;background-position: center;}
div.ms-main-up-wrapper .mjtc-support-cp-video-overlay {width: 40px;height: 40px;background: rgba(0,0,0,0.6);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--mjtc-color-7);font-size: .9em;backdrop-filter: blur(2px);transition: background 0.2s;}
div.ms-main-up-wrapper .mjtc-support-cp-video-card:hover .mjtc-support-cp-video-overlay {background: var(--mjtc-color-1);transform: scale(1.1);}
div.ms-main-up-wrapper .mjtc-support-cp-video-info {padding: 12px;}
div.ms-main-up-wrapper .mjtc-support-cp-video-title {font-size: .8em;font-weight: 600;color: var(--mjtc-color-2);margin-bottom: 4px;line-height: 1.4;}
div.ms-main-up-wrapper .mjtc-support-cp-video-meta {font-size: .65em;color: var(--mjtc-color-4);display: flex;justify-content: space-between;}
div.ms-main-up-wrapper .mjtc-support-cp-tabs-header {display: flex;border-bottom: 1px solid var(--mjtc-color-6);margin-bottom: 20px;overflow-x: auto; }
div.ms-main-up-wrapper .mjtc-support-cp-tab-btn {padding: 12px 20px;cursor: pointer;border-bottom: 2px solid transparent;font-weight: 500;color: var(--mjtc-color-4);font-size: .9em;white-space: nowrap;transition: all 0.2s;}
div.ms-main-up-wrapper .mjtc-support-cp-tab-btn:hover {color: var(--mjtc-color-1);background-color: #eef2ff;border-radius: 8px 8px 0 0;}
div.ms-main-up-wrapper .mjtc-support-cp-tab-btn.active {color: var(--mjtc-color-1);border-bottom-color: var(--mjtc-color-1);font-weight: 600;}
div.ms-main-up-wrapper .mjtc-support-cp-tab-pane {display: none;animation: fadeIn 0.3s ease;}
div.ms-main-up-wrapper .mjtc-support-cp-tab-pane.active {display: block;}
@keyframes fadeIn {from { opacity: 0; transform: translateY(5px); }to { opacity: 1; transform: translateY(0); }}
div.ms-main-up-wrapper .mjtc-support-cp-download-item {display: flex;align-items: center;justify-content: space-between;padding: 12px;border: 1px solid var(--mjtc-color-6);border-radius: 8px;margin-bottom: 8px;transition: background 0.1s;}
div.ms-main-up-wrapper .mjtc-support-cp-download-item:hover {background: #f9fafb;}
div.ms-main-up-wrapper .mjtc-support-cp-download-info {display: flex;align-items: center;gap: 12px;}
div.ms-main-up-wrapper .mjtc-support-cp-file-icon {min-width:36px; width: 36px;height: 36px;background: var(--mjtc-color-3);border-radius: 6px;display: flex;align-items: center;justify-content: center;color: var(--mjtc-color-4);font-size: 1em;}
div.ms-main-up-wrapper .mjtc-support-cp-announcement-item {padding: 16px;border-left: 3px solid var(--mjtc-color-1);background: #f9fafb;margin-bottom: 10px;border-radius: 0 8px 8px 0;}
div.ms-main-up-wrapper .mjtc-support-cp-announcement-meta {font-size: .65em;color: var(--mjtc-color-4);margin-bottom: 4px;display: flex;justify-content: space-between;}
div.ms-main-up-wrapper .mjtc-support-cp-announcement-title {font-weight: 600;font-size: .9em;margin-bottom: 4px;color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-support-cp-faq-item {border: 1px solid var(--mjtc-color-6);border-radius: 8px;margin-bottom: 8px;overflow: hidden;}
div.ms-main-up-wrapper .mjtc-support-cp-faq-question {padding: 12px 16px;background: var(--mjtc-color-7);font-weight: 500;cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-size: .9em;transition: background 0.2s;}
div.ms-main-up-wrapper .mjtc-support-cp-faq-question:hover {background: #f9fafb;}
div.ms-main-up-wrapper .mjtc-support-cp-faq-answer {padding: 16px;display: none;border-top: 1px solid var(--mjtc-color-6);font-size: .8em;color: var(--mjtc-color-4);background: #f9fafb;line-height: 1.5;}
div.ms-main-up-wrapper .mjtc-support-cp-faq-item.open .mjtc-support-cp-faq-answer {display: block;}
div.ms-main-up-wrapper .mjtc-support-cp-faq-item.open .mjtc-support-cp-faq-question {background: var(--mjtc-color-3);color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cp-sidebar-promo-card {margin: 12px 12px 0 12px;padding: 16px;background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%); /* Fixed Gradient */border-radius: 12px;color: var(--mjtc-color-7);text-align: center;position: relative;overflow: hidden;}
div.ms-main-up-wrapper .mjtc-support-cp-sidebar-promo-card::before {content: '';position: absolute;top: -20px;right: -20px;width: 80px;height: 80px;background: rgba(255,255,255,0.05);border-radius: 50%;}
div.ms-main-up-wrapper .mjtc-support-cp-promo-icon {width: 36px;height: 36px;background: rgba(255,255,255,0.15);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 10px auto;}
div.ms-main-up-wrapper .mjtc-support-cp-sidebar-promo-card h4 {font-size: .8em;font-weight: 600;margin-bottom: 4px;color: var(--mjtc-color-7);}
div.ms-main-up-wrapper .mjtc-support-cp-sidebar-promo-card p {font-size: .65em;color: rgba(255,255,255,0.7);margin-bottom: 12px;line-height: 1.4;}
div.ms-main-up-wrapper .mjtc-support-cp-btn-promo {background: var(--mjtc-color-1);color: var(--mjtc-color-7);font-size: .65em;padding: 8px 12px;width: 100%;border: none;font-weight: 600;border-radius: 6px;cursor: pointer;transition: background 0.2s;}
div.ms-main-up-wrapper .mjtc-support-cp-btn-promo:hover {background: #201490;}
div.ms-main-up-wrapper .mjtc-support-cp-action-list a {display: flex;align-items: center;padding: 12px;border-radius: 8px;margin-bottom: 8px;color: var(--mjtc-color-2);transition: background 0.2s;font-weight: 500;font-size: .87em;}
div.ms-main-up-wrapper .mjtc-support-cp-action-list a:hover {background-color: var(--mjtc-color-3);color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cp-action-list a i {width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background: #eef2ff;color: var(--mjtc-color-1);border-radius: 6px;margin-right: 12px;font-size: .9em;}
div.ms-main-up-wrapper .mjtc-support-cp-action-list a svg {width: 35px;height: 35px;padding: 10px;background-color: #eef2ff;border-radius: 6px; margin-right: 12px;color: var(--mjtc-color-1);fill:none;fill: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cp-action-list a:nth-child(2) svg {padding: 9px;}
div.ms-main-up-wrapper .mjtc-support-cp-action-icon-box {width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background: #eef2ff;color: var(--mjtc-color-1);border-radius: 6px;margin-right: 12px;}
div.ms-main-up-wrapper .mjtc-support-cp-progress-item {margin-bottom: 16px;}
div.ms-main-up-wrapper .mjtc-support-cp-progress-header {display: flex;justify-content: space-between;font-size: .8em;margin-bottom: 6px;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-cp-progress-bg {height: 6px;width: 100%;background: var(--mjtc-color-3);border-radius: 3px;overflow: hidden;}
div.ms-main-up-wrapper .mjtc-support-cp-progress-fill {height: 100%;border-radius: 3px;}
div.ms-main-up-wrapper .mjtc-support-cp-activity-item {display: flex;gap: 12px;padding-bottom: 16px;margin-bottom: 16px;border-bottom: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-cp-activity-item:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
div.ms-main-up-wrapper .mjtc-support-cp-activity-dot {width: 10px;height: 10px;background: var(--mjtc-color-1);border-radius: 50%;margin-top: 6px;flex-shrink: 0;position: relative;}
div.ms-main-up-wrapper .mjtc-support-cp-help-card {background: linear-gradient(135deg, var(--mjtc-color-1), #4338ca);color: var(--mjtc-color-7);border: none;}
div.ms-main-up-wrapper .mjtc-support-cp-help-card .mjtc-support-cp-card-title, 
div.ms-main-up-wrapper .mjtc-support-cp-help-card p {color: var(--mjtc-color-7);}
div.ms-main-up-wrapper .mjtc-support-cp-help-card .mjtc-support-cp-btn-help {background: rgba(255,255,255,0.2);color: var(--mjtc-color-7);border: 1px solid rgba(255,255,255,0.4);margin-top: 10px;width: 100%;display: inline-flex;align-items: center;justify-content: center;padding: 10px 20px;border-radius: 8px;font-weight: 500;font-size: .9em;cursor: pointer;transition: all 0.2s;}
div.ms-main-up-wrapper .mjtc-support-cp-help-card .mjtc-support-cp-btn-help:hover {background: rgba(255,255,255,0.3);}
div.ms-main-up-wrapper .mjtc-support-cp-vip-list {display: flex;flex-wrap: wrap;gap: 12px;}
div.ms-main-up-wrapper .mjtc-support-cp-vip-card {display: flex;justify-content: space-between;align-items: center;padding: 16px;background: linear-gradient(135deg, #ffffff 0%, #f3f4f6 100%);border: 1px solid var(--mjtc-color-6);border-radius: 8px;transition: transform 0.2s, box-shadow 0.2s;cursor: pointer;flex: 1 1 200px;}
div.ms-main-up-wrapper .mjtc-support-cp-vip-card:hover {transform: translateY(-2px);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);border-color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cp-vip-avatar {width: 32px;height: 32px;background: #eef2ff;color: var(--mjtc-color-1);border-radius: 6px;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: .7em;margin-right: 12px;}
div.ms-main-up-wrapper .mjtc-support-cp-vip-info { flex: 1; }
div.ms-main-up-wrapper .mjtc-support-cp-vip-info h5 { margin: 0; font-size: .9em; font-weight: 600; color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .mjtc-support-cp-vip-info span { font-size: .7em; color: var(--mjtc-color-1); }
div.ms-main-up-wrapper .mjtc-support-cp-schedule-item {display: flex;align-items: center;padding: 12px 0;border-bottom: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-cp-schedule-item:last-child { border-bottom: none; padding-bottom: 0; }
div.ms-main-up-wrapper .mjtc-support-cp-schedule-item:first-child { padding-top: 0; }
div.ms-main-up-wrapper .mjtc-support-cp-date-box {background: var(--mjtc-color-3);border-radius: 8px;padding: 8px 12px;text-align: center;margin-right: 12px;min-width: 50px;}
div.ms-main-up-wrapper .mjtc-support-cp-date-day { font-size: .8em; text-transform: uppercase; font-weight: 700; color: var(--mjtc-color-4); }
div.ms-main-up-wrapper .mjtc-support-cp-date-num { font-size: 1em; font-weight: 700; color: var(--mjtc-color-2); line-height: 1.2; }
div.ms-main-up-wrapper .mjtc-support-cp-shift-info { flex: 1; }
div.ms-main-up-wrapper .mjtc-support-cp-shift-name { font-size: .8em; font-weight: 600; color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .mjtc-support-cp-shift-time { font-size: .7em; color: var(--mjtc-color-4); }
div.ms-main-up-wrapper .mjtc-support-cp-mobile-menu-btn {display: none;font-size: 24px;background: none;border: none;cursor: pointer;color: var(--mjtc-color-2);padding: 0;margin-right: 16px;}
/* --- NEW STATS CARD STYLES --- */
div.ms-main-up-wrapper .mjtc-support-cp-card.mjtc-support-cp-dailyvelocity {background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);color: #ffffff;border-radius: 16px; /* Matched to others */border: none;position: relative;overflow: hidden;padding: 1.5em;box-shadow: 0 10px 30px -10px rgba(79, 70, 229, 0.4);display: flex;flex-direction: column;justify-content: center;}
div.ms-main-up-wrapper .mjtc-support-cp-deco-circle {position: absolute; top: -30px; right: -30px; width: 120px; height: 120px;background: rgba(255,255,255,0.05); border-radius: 50%;}
div.ms-main-up-wrapper .mjtc-support-cp-content {position: relative; z-index: 2;}
div.ms-main-up-wrapper .mjtc-support-cp-top {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px;}
div.ms-main-up-wrapper .mjtc-support-cp-label {font-size: .7em; text-transform: uppercase; letter-spacing: 1px; opacity: 0.8; margin-bottom: 4px;}
div.ms-main-up-wrapper .mjtc-support-cp-value {font-size: 28px; font-weight: 800;}
div.ms-main-up-wrapper .mjtc-support-cp-icon {background: rgba(255,255,255,0.15); width: 40px; height: 40px;border-radius: 10px; display: flex; align-items: center; justify-content: center;backdrop-filter: blur(4px);}
div.ms-main-up-wrapper .mjtc-support-cp-progress {display: flex; gap: 4px; height: 6px; margin-bottom: 20px;}
div.ms-main-up-wrapper .mjtc-support-cp-progress-bar {flex: 1; background: #fff; border-radius: 4px; opacity: 0.3;}
div.ms-main-up-wrapper .mjtc-support-cp-footer {display: flex; justify-content: space-between;border-top: 1px solid rgba(255,255,255,0.15); padding-top: 16px;}
div.ms-main-up-wrapper .mjtc-support-cp-footer-col {text-align: center;}
div.ms-main-up-wrapper .mjtc-support-cp-footer-val {font-weight: 700; font-size: .9em;}
div.ms-main-up-wrapper .mjtc-support-cp-footer-label {font-size: .7em; opacity: 0.7;}
div.ms-main-up-wrapper .mjtc-support-cp-footer-sep {width: 1px; background: rgba(255,255,255,0.15);}
/* my ticket */
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper {padding:15px 2em 2em;align-items: flex-start;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper {display: flex; justify-content: center;position:relative;width: 100%;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-myticket-link .mjtc-support-card-bgsvg{position: absolute;right: -20px;bottom: -20px;width: 110px;height: 110px;opacity: 0.06;transform: rotate(-15deg);pointer-events: none;z-index: 0;transition: all 0.4s ease;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-myticket-link:hover .mjtc-support-card-bgsvg{transform: rotate(0deg) scale(1.1);opacity: 0.12;right: -10px;bottom: -10px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-green.mjtc-myticket-link .mjtc-support-circle-count-text {color: rgb(37 99 235 / var(--tw-text-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-myticket-link .mjtc-support-card-percentage-duration-wrp {width: 100%;display: flex;align-items: center;gap: 8px;font-weight: 600;margin-top: auto;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-green.mjtc-myticket-link .mjtc-support-card-right-wrp svg {color: rgb(37 99 235 / var(--tw-text-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-green.mjtc-myticket-link .mjtc-support-card-percentage-duration-wrp svg {width: 15px;height: 15px;color: rgb(253 224 71 / var(--tw-text-opacity, 1));fill: currentColor;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-green.mjtc-myticket-link .mjtc-support-card-percentage-duration-wrp{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter: var(--tw-backdrop-blur);backdrop-filter: var(--tw-backdrop-blur);background-color: #fff;padding: 0.2em 10px;border-radius: 99px;display: flex;align-items: center;gap: 8px;width: fit-content;font-weight: 600;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-top-cirlce-count-wrp {display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 35px;width: 100%;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-myticket-link-wrap {flex: 1;min-width: 200px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper a.mjtc-myticket-link {display: flex;flex-wrap: wrap; justify-content: space-between;background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 16px;padding: 20px 20px;text-decoration: none;transition: all 0.3s ease;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);height: 100%;width: 100%;max-width: 100%;position: relative;overflow: hidden;align-items: flex-start;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper a.mjtc-myticket-link:hover {transform: translateY(-4px);box-shadow: 0 12px 20px -8px rgba(0, 0, 0, 0.1);border-color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper a.mjtc-myticket-link.active {border-color: var(--mjtc-color-1);background-color: var(--mjtc-color-3);box-shadow: 0 0 0 2px rgba(41, 26, 188, 0.05);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper a.mjtc-myticket-link.mjtc-support-blue{background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper a.mjtc-myticket-link.mjtc-support-green{background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper a.mjtc-myticket-link.mjtc-support-green svg{fill:none;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper a.mjtc-myticket-link.mjtc-support-orange{background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper a.mjtc-myticket-link.mjtc-support-brown{background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper a.mjtc-myticket-link.mjtc-support-red{background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-card-left-wrp {display: flex;flex-direction: column;width: 70%;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-card-title {font-size: .8em;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--mjtc-color-4);margin-bottom: 10px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-circle-count-text {font-size: 2em;font-weight: 700;line-height: 2.25em;margin-bottom: 10px;padding: 7px 0 5px;display: block;color: #1b08c8;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-blue.mjtc-myticket-link .mjtc-support-card-right-wrp svg {color: #1b08c8;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-brown.mjtc-myticket-link .mjtc-support-card-right-wrp svg {color:rgb(249 115 22 / var(--tw-text-opacity, 1));fill:none;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-orange.mjtc-myticket-link .mjtc-support-card-right-wrp svg {color:rgb(225 29 72 / var(--tw-text-opacity, 1));fill: currentColor;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-brown.mjtc-myticket-link .mjtc-support-card-percentage {color: rgb(249 115 22 / var(--tw-text-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-brown.mjtc-myticket-link .mjtc-support-card-percentage svg {width: 0.875em;height: 0.875em;color: rgb(249 115 22 / var(--tw-text-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-orange.mjtc-myticket-link .mjtc-support-card-percentage {display: flex;align-items: center;gap: 8px;background-color:#fff;color: rgb(225 29 72 / var(--tw-text-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-orange.mjtc-myticket-link .mjtc-support-card-percentage svg {width: 0.875em;height: 0.875em;color:  rgb(225 29 72 / var(--tw-text-opacity, 1));fill:  currentColor;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-card-left-wrp .mjtc-support-circle-count-text.mjtc-support-brown{color: rgb(249 115 22 / var(--tw-text-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-card-left-wrp .mjtc-support-circle-count-text.mjtc-support-orange{color: rgb(225 29 72 / var(--tw-text-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-red.mjtc-myticket-link .mjtc-support-card-percentage {color: rgb(5 150 105 / var(--tw-text-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-red.mjtc-myticket-link .mjtc-support-card-percentage svg {width: 0.875em;height: 0.875em;color: rgb(5 150 105 / var(--tw-text-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-card-left-wrp .mjtc-support-circle-count-text.mjtc-support-red{color: rgb(5 150 105 / var(--tw-text-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-card-percentage-duration-wrp {display: flex;align-items: center;gap: 8px;font-size: 0.8em;width: 100%;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-card-percentage {font-weight: 600;color: #1b08c8;border-radius: 99px;display: flex;align-items:center;gap: 8px;width:fit-content; --tw-backdrop-blur: blur(12px);-webkit-backdrop-filter: var(--tw-backdrop-blur);backdrop-filter: var(--tw-backdrop-blur);background-color: #fff;padding: 0.2em 10px;border-radius: 99px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-card-percentage svg{width: 15px;height: 15px;fill: currentColor;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-green .mjtc-support-card-percentage{color: rgb(37 99 235 / var(--tw-text-opacity, 1));}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-cardpecent-duration {color: var(--mjtc-color-5);font-size: 0.7em;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-card-right-wrp {display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: 12px;color: rgb(5 150 105 / var(--tw-text-opacity, 1));background-color:#fff;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-card-right-wrp svg {width: 24px;height: 24px;color: rgb(5 150 105 / var(--tw-text-opacity, 1));}
div.mjtc-support-cont-wrapper1{display: flex;flex-direction: column;width: 100%;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-search-wrp {background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 12px;margin-bottom: 30px;box-shadow: 0 10px 40px -10px rgba(0,0,0,0.1);overflow: hidden;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-wrapper-toggle-search-wrapper {display: flex;flex-wrap: wrap;gap: 12px;align-items: center;padding: 20px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-form-fields-wrp {flex: 1;min-width: 200px;position: relative;display: flex;align-items: center;border-width: 0px !important;/}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-form-fields-wrp svg {width: 16px;height: 16px;margin-right: 8px;color: var(--mjtc-color-4);position: absolute;left: 10px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper input.custom_date {flex: 1;min-width: 200px;position: relative;display: flex;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp {width: calc(100% / 4 - 10px);min-width: 200px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp.mjtc-filter-radio-checkbox-field-wrp{width: fit-content;max-width: 100%;flex: 1 1 auto;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp.mjtc-filter-radio-checkbox-field-wrp .mjtc-form-cust-rad-fld-wrp{width: 100%;height: auto;line-height: normal;background-color: #ffffff;color: #636363;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);transition: border-color 0.3s ease, box-shadow 0.3s ease;margin-bottom: 0;border: unset;gap: 10px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp.mjtc-filter-radio-checkbox-field-wrp .mjtc-filter-value{height: auto;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp.mjtc-filter-radio-checkbox-field-wrp .mjtc-form-cust-rad-fld-wrp .mjtc-support-radio-box{border: 1px solid var(--mjtc-color-5);border-radius: 8px;display: flex;align-items: center;min-height: 40px;margin: 0 !important;width: unset !important;flex: 1 1 auto;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp.mjtc-filter-radio-checkbox-field-wrp .mjtc-form-cust-rad-fld-wrp .mjtc-support-radio-box label{color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp .mjtc-filter-field-label {text-transform: uppercase;font-size: .8em;font-weight: 700;color: var(--mjtc-color-5);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp .mjtc-filter-inputfield-wrp {display: flex;align-items: center;flex-wrap: wrap;flex: 1 1 auto;position: relative;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp .mjtc-filter-inputfield-wrp svg {width: 16px;height: 16px;margin-right: 8px;color: var(--mjtc-color-4);position: absolute;left: 10px;z-index: 2;fill: none;stroke-width: 2px;stroke: currentColor;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-form .mjtc-support-input-field,
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-form .mjtc-filter-field-wrp select {font-family: inherit; width: 100%;padding: 0px 14px 0 33px;border-radius: 8px;border: 1px solid var(--mjtc-color-5);background-color: unset;color: var(--mjtc-color-2);outline: none;transition: all 0.2s;box-sizing: border-box;height: 40px;display: flex;align-items: center;gap: 8px;position: relative;z-index: 10;font-size: 0.9em;font-weight: 500;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-form .mjtc-filter-field-wrp select:has(option[value=""]:checked) {color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper #mjtc-filter-wrapper-toggle-search .mjtc-support-input-field{border: unset;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp .mjtc-filter-value {display: flex;align-items: center;gap: 8px;flex-wrap: wrap;width: 100%;flex: 1 1 auto;height: 40px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp .mjtc-filter-value textarea {flex: 1 1 auto;max-width: 100%;max-height: 100%;overflow-y: auto;width: 100%;padding: 0px 14px;border-radius: 8px;border: 1px solid var(--mjtc-color-5);background-color: var(--mjtc-color-7);color: var(--mjtc-color-2);outline: none;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp .mjtc-filter-value input {height: 100%;padding: 0px 14px 0 33px;border-radius: 8px;border: 1px solid var(--mjtc-color-5);background-color: var(--mjtc-color-7);color: var(--mjtc-color-2);outline: none;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp .mjtc-filter-value input.radiobutton {width: 16px;height: 16px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp .mjtc-filter-value input.mjtc-form-input-field {flex: 1 1 auto;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp .mjtc-filter-value label {flex: 1 1 auto;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp .mjtc-filter-value .mjtc-filter-inputfield-wrp {height: 100%;z-index: 0;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp .mjtc-support-assigned-tome{font-family: inherit;width: 100%;padding: 0px 14px 0 10px;border-radius: 8px;border: 1px solid var(--mjtc-color-5);background-color: unset;color: var(--mjtc-color-2);outline: none;transition: all 0.2s;box-sizing: border-box;height: 40px;display: flex;align-items: center;gap: 8px;position: relative;z-index: 10;font-size: 0.9em;font-weight: 500;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-form .mjtc-support-input-field:focus,
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-form .mjtc-filter-field-wrp select:focus {border-color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-button-wrp {display: flex;align-items: center;gap: 8px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-filter-button {padding: 10px 20px;border-radius: 8px;font-size: 0.9em;font-weight: 600;cursor: pointer;border: none;transition: all 0.2s;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-search-btn {background-color: var(--mjtc-color-1);color: var(--mjtc-color-7);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-search-btn:hover {opacity: 0.9;transform: translateY(-1px);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-reset-btn {background-color: transparent;color: transparent ;position: relative;z-index: 10;padding: 10px 0px ;box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-reset-btn:hover {background-color: transparent;color: transparent;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-search-filter-btn {display: flex;align-items: center;flex-wrap: nowrap;padding: 10px;border-radius: 8px;font-size: 0.9em;font-family: inherit;font-weight: 500;background-color: var(--mjtc-color-7);text-decoration: none;border: 1px solid transparent;transition: all 0.2s;height: 40px;min-width: fit-content;gap: 8px;box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);color:var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-search-filter-btn:hover {background-color: var(--mjtc-color-7);color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-search-filter-btn:hover svg {color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-search-filter-btn svg {width: 16px;height: 16px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-filter-button-lftwrp {display: flex;align-items: center;gap: 8px;flex-wrap: wrap;background: #f8fafc;padding: 4px;border-radius: 12px;border: 1px solid #f1f5f9;overflow: hidden;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-filter-reset-btn-wrp {display: flex;align-items: center;gap: 8px;position: relative;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-filter-reset-btn-wrp svg {width: 22px;height: 22px;position: absolute;left: 0px;right: 0px;text-align: center;top: 0px;bottom: 0px;margin: auto;z-index: 2;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-filter-reset-btn-wrp:hover{color: red;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-filter-reset-btn-wrp input::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-rotate-arrow {transform: rotate(180deg);transition: transform 0.3s ease;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper #mjtc-filter-wrapper-toggle-area, 
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-form-dynamic-fields {display: none;min-width: 200px;flex: 1 1 auto;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-form-dynamic-fields-inner-wrp {display: flex;flex-wrap: wrap;align-items: end;gap: 12px;border-top: 1px solid var(--mjtc-color-6);padding: 20px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.ms-main-up-wrapper input#ms-ticketsearchkeys {border: unset;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.ms-main-up-wrapper input#ms-ticketsearchkeys:focus {border: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-form-cust-rad-fld-wrp {display: flex;flex-wrap: wrap;width: 100%;gap: 8px;height: 100%;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-search-wrp div.mjtc-filter-field-wrp .mjtc-support-radio-box {position: relative;border: 1px solid var(--mjtc-color-5);border-radius: 8px;display: flex;align-items: center;cursor: pointer;overflow: hidden;background: var(--mjtc-color-7);transition: all 0.2s;max-height: 40px;margin: 0px !important;gap: 8px;padding-left: 10px;padding-right: 10px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-radio-box input {position: relative;max-height: 15px;width: 15px;margin: 0;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-search-wrp div.mjtc-filter-field-wrp .mjtc-support-radio-box label {height: 100%;display: flex;align-items: center;font-size: 0.9em;line-height: 1.25em;color: var(--mjtc-color-2);cursor: pointer;margin: 0;font-weight: 500;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-ticket-wrapper {background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 12px;padding: 25px;margin-bottom: 25px;transition: transform 0.2s, box-shadow 0.2s;position: relative;overflow: hidden;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-ticket-wrapper:hover {transform: translateY(-2px);box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-ticket-wrapper .mjtc-support-priority-lftbrder{position: absolute;top: 0;left: 0;width: 0.25em;height: 100%;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-toparea {display: flex;gap: 16px;align-items: stretch;width: 100%;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-pic {flex-shrink: 0;width: 55px;height: 55px;border-radius: 10px;background: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);display: flex;align-items: center;justify-content: center;padding: 6px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-pic img {width: 100%;height: 100%;object-fit: contain;border-radius: 6px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data {flex: 1 1 auto;min-width: 0;position: relative;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data .mjtc-support-last-reply-badge{position: absolute;top: -25px;right: 0;color: rgb(from var(--mjtc-color-2) r g b / 0.5);font-weight: 600;font-size: 0.75em;display: flex;align-items: center;gap: 6px;border-bottom-right-radius: 0.5em;border-bottom-left-radius: 0.5em;border: 1px solid var(--mjtc-color-6);padding: 4px 8px;border-top-width: 0;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data .mjtc-support-last-reply-badge svg{color: rgb(from var(--mjtc-color-2) r g b / 0.5);fill: currentColor;width: 12px;height: 12px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data1 {border-left: 1px solid var(--mjtc-color-6);padding-left: 16px;min-width: 140px;display: flex;flex-direction: column;height: 100%;justify-content: space-between;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data1 .mjtc-support-data-val{padding-bottom: 15px;color: var(--mjtc-color-2);gap: 8px;font-size: 0.92em;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data1 .mjtc-support-data-val .mjtc-support-staff-logo-wrp svg{color:rgb(from var(--mjtc-color-5) r g b / .7);width: 16px;height: 16px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data1 .mjtc-support-data-val .mjtc-support-staff-logo-wrp{width:1.5em;height: 1.5em;border-radius: 50%;background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);display: flex;align-items: center;justify-content: center;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data1 .mjtc-support-data-val .mjtc-support-staff-logo-wrp img{width: 100%;height: 100%;object-fit: contain;border-radius: 50%;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data1 .mjtc-support-data-val .mjtc-support-unassign-value{color: var(--mjtc-color-5);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data-row {display: flex;align-items: center;flex-wrap: wrap;gap: 12px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data1 .mjtc-support-data-row {justify-content: center;align-items: end;text-align: right;flex-direction: column;gap: 0;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data1 .mjtc-support-data-row .mjtc-support-replied-messages{display: flex;align-items: center;gap: 4px;font-size: 0.9em;color: var(--mjtc-color-4);padding-bottom: 15px;}
div.mjtc-support-ticket-status-icon-wrp{display: flex;align-items: center;gap: 4px;flex-wrap:wrap;}
div.mjtc-support-ticket-status-icon-wrp img{margin-bottom: 15px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data1 .mjtc-support-data-row .mjtc-support-replied-messages svg{width: 18px;height: 18px;color: rgb(from var(--mjtc-color-5) r g b / 1);fill:currentColor ;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data1 .mjtc-support-closedby-wrp{display: flex;flex-direction: column;align-items: flex-end;text-align: end;position: relative;font-size: 0.9em;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data1 .mjtc-support-closedby-wrp .mjtc-support-closed-date{display: none;position: absolute;bottom: 25px;right: 0;background: beige;max-width: fit-content;text-align: center;border-radius: 8px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-padding-xs {display: flex;align-items: center;gap: 6px;margin-bottom: 0.25em;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-padding-xs a{color: var(--mjtc-color-2);font-weight: bold;font-size: 1.1em;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-padding-xs a:hover {color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data-val {font-size: 0.9em;font-weight: 500;color: var(--mjtc-color-4);display: flex;align-items: center;gap: 4px;margin-bottom: 0.25em;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data-val.mjtc-support-ticketid{color: rgb(from var(--mjtc-color-4) r g b / 0.6);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-body-data-btmwrp .mjtc-support-data-val{font-weight: normal;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-title-anchor:hover {color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-body-data-discription {font-size: 0.9em;color: var(--mjtc-color-4);line-height: 1.5;margin-bottom: 15px;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-status-dot {height: 8px;width: 8px;border-radius: 50%;display: inline-block;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-status {font-size: 0.7em;font-weight: 700;padding: 5px 8px 3px;border-radius: 4px;text-transform: uppercase;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data1 .mjtc-support-data-val .mjtc-support-staff-logo-wrp.mjtc-support-staff-empty-logo-wrp{padding:3px 5px 3px 8px;border: 1px dashed var(--mjtc-color-6);border-radius: 50%;display: block;width: unset;height: unset;}
div.mjtc-support-hover-actions{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;}
div.mjtc-support-hover-actions svg{width: 16px;height: 16px;color:rgb(from var(--mjtc-color-5) r g b / .5);transition: color 0.2s;fill: rgb(from var(--mjtc-color-5) r g b / .7);}
div.mjtc-support-hover-actions a.mjtc-support-danger:hover svg{fill: rgb(220 38 38 / var(--tw-text-opacity, 1));}
div.mjtc-support-hover-actions a.mjtc-support-success:hover svg{fill: #10B981;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-wrapper-textcolor {font-size: 0.7em;font-weight: 700;color: #ffffff;padding: 5px 8px 3px;border-radius: 4px;text-transform: uppercase;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-field-title{font-size: 0.9em;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-value {font-size: 0.9em;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-value.mjtc-support-name {font-weight: 600;color: rgb(from var(--mjtc-color-2) r g b / 0.8);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data-tit {font-size: 0.7em;text-transform: uppercase;font-weight: 700;color: var(--mjtc-color-5);margin-bottom: 4px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-assignee-avatar {width: 24px;height: 24px;border-radius: 50%;margin-right: 6px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-data.mjtc-nullpadding .mjtc-support-data-val svg { width: 0.875em; height: 0.875em; color: var(--mjtc-color-4);fill: none;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-data.mjtc-nullpadding .mjtc-support-body-data-elipses svg { width: 0.875em;min-width:0.875em; height: 0.875em; color: var(--mjtc-color-4); }
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-body-data-btmwrp { display: flex; flex-wrap: wrap; align-items: center; column-gap: 15px; row-gap: 7.5px; width: 100%; padding-top: 12px; margin-top: 0.25em; }
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-body-data-btmwrp .mjtc-support-custom-field-wrp {display: inline-flex;align-items: center;font-size: 0.9em;background-color: var(--mjtc-color-3);color: var(--mjtc-color-4);padding: 2px 8px;border-radius: 12px;border: 1px solid var(--mjtc-color-6);position: relative;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-body-data-btmwrp > .mjtc-support-custom-field-wrp::before{content: "";position: absolute;left: -15px;top: 0;bottom: 0;width: 1px;background-color: var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-body-data-btmwrp > .mjtc-support-custom-field-wrp{margin-left: 15px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-body-data-btmwrp > .mjtc-support-custom-field-wrp ~ .mjtc-support-custom-field-wrp::before {display: none;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-body-data-btmwrp > .mjtc-support-custom-field-wrp ~ .mjtc-support-custom-field-wrp {margin-left: 0;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-body-data-btmwrp .mjtc-support-custom-field-wrp .mjtc_supportattachment { display: flex; gap: 4px; align-items: center;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-body-data-btmwrp .mjtc-support-custom-field-wrp .mjtc_supportattachment a { border-radius: 12px;background-color: var(--mjtc-color-7);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-body-data-btmwrp .mjtc-support-custom-field-wrp:first-child { margin-left: 30px; }
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-border-line {width: 1px;height: 100%;margin-left: 0.25em;margin-right: 0.25em;background-color: var(--mjtc-color-6);display: flex;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-sorting {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5em;padding: 0 0.25em;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-sorting-heading {font-size: 1.5em;font-weight: 700;color: var(--mjtc-color-2);display: flex;align-items: center;gap: 0.5em;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-sort {display: flex;align-items: stretch;gap: 0.75em;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-sorting-select {appearance: none;background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 0.5em;padding: 1em 2.5em 1em 1em;font-size: 0.9em;font-weight: 500;color: var(--mjtc-color-4);cursor: pointer;outline: none;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position: right 0.5em center;background-repeat: no-repeat;background-size: 1.5em 1.5em;transition: all 0.2s ease;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-sorting-select:hover {border-color: var(--mjtc-color-5);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-sorting-select:focus {border-color: var(--mjtc-color-1);box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.1);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-admin-sort-btn {display: flex;align-items: center;justify-content: center;min-width: 2.9em;background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 0.5em;transition: all 0.2s ease;cursor: pointer;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-admin-sort-btn:hover {border-color: var(--mjtc-color-5);background-color: var(--mjtc-color-3);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-admin-sort-btn img {width: 22px;height: 22px;object-fit: contain;opacity: 0.6;transition: opacity 0.2s;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-admin-sort-btn:hover img {opacity: 1;}
div.ms-main-up-wrapper img{max-width: 100%;max-height: 100%;position: unset;}
div.ms-main-up-wrapper #ms-header {border-bottom: 1px solid rgb(from var(--mjtc-color-6) r g b / 1);padding: 1.1em;display: flex;align-items: center;justify-content: space-between;width: 100%;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);}
div.ms-main-up-wrapper #ms-tabs-wrp {display: flex;align-items: center;gap: 10px;width: 100%;justify-content: space-between;}
div.ms-main-up-wrapper #ms-tabs-wrp .ms-tabs-menu-wrp{background-color: var(--mjtc-color-7);color: var(--mjtc-color-4);padding: 4px 20px;border-radius: 0.75em;display: inline-flex;align-items: center;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper #ms-tabs-wrp .ms-tabs-menu-rightwrp{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;}
div.ms-main-up-wrapper #ms-tabs-wrp .ms-tabs-profile-wrp{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;}
div.ms-main-up-wrapper #ms-tabs-wrp .ms-tabs-profile-wrp .ms-profile-img-wrp{width: 50px;height: 50px;overflow: hidden;border-radius: 50px;}
div.ms-main-up-wrapper #ms-tabs-wrp .ms-tabs-profile-wrp .ms-profile-img-wrp img{max-width: 100%;max-height: 100%;object-fit: contain;}
div.ms-main-up-wrapper #ms-tabs-wrp .ms-tabs-profile-wrp .ms-profile-name-wrp{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
div.ms-main-up-wrapper #ms-tabs-wrp .ms-tabs-profile-wrp .ms-profile-name-wrp .ms-profile-name{font-weight: 700;font-size: 1.125em;color: var(--mjtc-color-2);}
div.ms-main-up-wrapper #ms-tabs-wrp .ms-tabs-profile-wrp .ms-profile-name-wrp .ms-profile-email{font-size: 0.75em;line-height: 1.5;color:var(--mjtc-color-5);}
div.ms-main-up-wrapper #ms-tabs-wrp .ms-tabs-menu-rightwrp .ms-notification-wrp{position: relative; display: flex;align-items: center;justify-content: center;border: 1px solid var(--mjtc-color-6);padding: 8px;border-radius: 50px;background-color: var(--mjtc-color-7);}
div.ms-main-up-wrapper #ms-tabs-wrp .ms-tabs-menu-rightwrp .ms-notification-wrp svg{width: 1.2em;height: 1.2em;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper #ms-tabs-wrp .ms-tabs-menu-rightwrp .ms-notification-wrp .ms-notification-reddot{position: absolute;top: 7px;right: 0.625em;width: 0.3em;height: 0.3em;border-width: 2px;border-radius: 9999px;background-color: #ef4444;}
@keyframes pulse-ring {0% { transform: scale(0.8); opacity: 0.5; }100% { transform: scale(2); opacity: 0; }}
div.ms-main-up-wrapper #ms-tabs-wrp .ms-tabs-menu-rightwrp .ms-notification-wrp::before{content: '';position: absolute;top: 0;right: 0;width: 8px;height: 8px;background-color: #ef4444;border-radius: 50%;animation: pulse-ring 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}div.ms-main-up-wrapper .ms-header-tab {display: inline-block;}
div.ms-main-up-wrapper .ms-header-tab.mjtc-support-loginlogoutclass{margin-left: auto;}
div.ms-main-up-wrapper .ms-header-tab.mjtc-support-loginlogoutclas a{border: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-cp-menu-link {text-decoration: none;color: var(--mjtc-color-4);font-weight: 500;font-size: 0.9em;line-height: 1.25em;padding: 10px 16px;border-radius:0.5em;transition: all 0.2s ease;display:flex;align-items: center;gap: 5px;}
div.ms-main-up-wrapper .mjtc-cp-menu-link svg{fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;}
div.ms-main-up-wrapper .mjtc-cp-menu-link:hover {background-color: #f1f5f9;color: #334155;}
div.ms-main-up-wrapper .mjtc-support-ticketsclassctive .mjtc-cp-menu-link{background-color: rgb(from var(--mjtc-color-7) r g b / 0.2);color: var(--mjtc-color-7);font-weight: 600;}
div.ms-main-up-wrapper .mjtc-support-top-sec-header {padding: 24px 5px 0;display: flex;align-items: center;justify-content: space-between;margin: 0 2em;width: calc(100% - 4em);}
div.ms-main-up-wrapper .mjtc-transparent-header-img1 {display: none;}
div.ms-main-up-wrapper .mjtc-support-top-sec-left-header {display: flex;flex-direction: column;gap: 8px;}
div.ms-main-up-wrapper .mjtc-support-main-heading {font-size: 1.7em;line-height: 1.3;font-weight: 700;color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-support-sub-heading{font-size: 0.9em;font-weight: 500;}
div.ms-main-up-wrapper .mjtc-support-breadcrumps {display: flex;align-items: center;gap: 6px;font-size: .7em;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-breadcrumps img {width: 14px;height: 14px;opacity: 0.6;}
div.ms-main-up-wrapper .mjtc-support-breadcrumps a {text-decoration: none;display: flex;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-button-header {background-color: var(--mjtc-color-2);color: var(--mjtc-color-7);text-decoration: none;padding: 10px 20px;border-radius: 8px;font-size: .9em;font-weight: 600;display: inline-flex;align-items: center;transition: background 0.2s;}
div.ms-main-up-wrapper .mjtc-support-button-header:hover {background-color: #1e293b;}
div.ms-main-up-wrapper .mjtc-support-top-sec-right-header #multiformpopup {color: var(--mjtc-color-7);}
div.ms-main-up-wrapper .mjtc-support-top-sec-right-header #multiformpopup svg{width: 21px;height: 21px;margin-right:5px; fill: var(--mjtc-color-7);transition: fill 0.2s;color: var(--mjtc-color-7);stroke-width: 2;stroke: currentColor;}
div.ms-main-up-wrapper .ms-multiformpopup-header {background: var(--mjtc-color-2);color: white;padding: 16px;display: flex;justify-content: space-between;align-items: center;}
div.ms-main-up-wrapper .multiformpopup-header-text {font-weight: 600;}
div.ms-main-up-wrapper .multiformpopup-header-close-img img {cursor: pointer;width: 16px;height: 16px;}
div.ms-main-up-wrapper #records-inner {padding: 24px;text-align: center;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .ms-align-right {margin-left: auto;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-ticket-wrapper.mjtc-support-closed-ticket-wrapper .mjtc-support-priority-lftbrder{background: var(--mjtc-color-5) !important;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-ticket-wrapper.mjtc-support-closed-ticket-wrapper .mjtc-support-status-dot{background: var(--mjtc-color-5) !important;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-ticket-wrapper.mjtc-support-closed-ticket-wrapper .mjtc-support-wrapper-textcolor{background: var(--mjtc-color-5) !important;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-ticket-wrapper.mjtc-support-closed-ticket-wrapper .mjtc-support-title-anchor{color: var(--mjtc-color-5);text-decoration: line-through;}
div.ms-main-up-wrapper .ms-header-tab.mjtc-support-loginlogoutclass a {border: 1px solid var(--mjtc-color-6);display: flex;align-items: center;gap: 4px;background-color:var(--mjtc-color-7);}
div.ms-main-up-wrapper .ms-header-tab.mjtc-support-loginlogoutclass a:hover{background-color: var(--mjtc-color-1);color: var(--mjtc-color-7);border-color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .ms-header-tab.mjtc-support-loginlogoutclass a svg{fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;}
div.mjtc-support-ticket-wrapper.mjtc-support-closed-ticket-wrapper div.mjtc-support-ticket-status-icon-wrp img{filter:grayscale(100%) opacity(0.6);}
div.mjtc-support-ticket-wrapper.mjtc-support-closed-ticket-wrapper{filter: grayscale(100%) opacity(0.7);}
div.ms-main-up-wrapper .mjtc-filter-wrapper{width: 100%;}
div.ms-main-up-wrapper .mjtc-det-tkt-form-fields-wrp{display: flex;align-items: center;flex-wrap: wrap;gap: 16px;padding-bottom: 20px;}
div.ms-main-up-wrapper .mjtc-det-tkt-form-fields-wrp .mjtc-support-apend-radio-btn{display: flex;gap: 8px;cursor: pointer}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper a.mjtc-myticket-link.active{background-color: rgb(from var(--mjtc-color-1) r g b / .09);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper a.mjtc-myticket-link.active .mjtc-support-card-bg svg{color:  var(--mjtc-color-1)}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper a.mjtc-myticket-link.active .mjtc-support-card-right-wrp svg{color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper a.mjtc-myticket-link.active .mjtc-support-card-left-wrp .mjtc-support-circle-count-text{color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper a.mjtc-myticket-link.active .mjtc-support-card-percentage{color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper a.mjtc-myticket-link.active .mjtc-support-card-percentage svg{color: var(--mjtc-color-1);}
/* submit ticket form */
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-add-form-main-wrapper, div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-roles-main-wrapper{background: var(--mjtc-color-7);border-radius: 24px;border: 1px solid var(--mjtc-color-6);padding: 2em;box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.05);position: relative;}
div.ms-main-up-wrapper .majestic-support-form{width: 100%;display: flex;flex-wrap: wrap;gap: 2em;}
div.ms-main-up-wrapper .mjtc-support-add-form-wrapper {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 2em;width: 100%;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp {width: calc(50% - 1em);}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp-full-width,
div.ms-main-up-wrapper .mjtc-support-reply-attachments,
div.ms-main-up-wrapper .mjtc-support-system-terms-and-condition-box,
div.ms-main-up-wrapper .mjtc-support-form-btn-wrp {width: 100%;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp.fullwidth{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp .mjtc-support-from-field{display: flex;align-items: center;flex-wrap: wrap;width: 100%;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp .mjtc-support-from-field.mjtc-support-form-field-select{gap: 10px;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp .mjtc-support-from-field span.mjtc-attachment-file-box{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp .mjtc-support-from-field.mjtc-support-form-premade-wrp{display: flex;align-items: center;gap: 1rem;flex-wrap: wrap;background: #f8fafc;padding: 12px 16px;border-radius: 10px;border: 1px dashed var(--mjtc-color-6);margin-top: 4px;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp .mjtc-support-from-field.mjtc-support-form-premade-wrp .mjtc-support-apend-radio-btn{display: flex;align-items: center;gap: 8px;background: white;padding: 6px 12px;border-radius: 8px;border: 1px solid var(--mjtc-color-6);box-shadow: 0 1px 2px rgba(0,0,0,0.02);}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp .mjtc-support-from-field.mjtc-support-form-premade-wrp #premade{display: flex;gap: 1rem;align-items: center;flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp .mjtc-support-from-field.mjtc-support-form-premade-wrp .mjtc-form-perm-msg a{display: inline-flex;align-items: center;gap: 8px;color: var(--mjtc-color-1);border: 1px solid var(--mjtc-color-1);padding: 6px 14px;border-radius: 8px;font-size: 0.9rem;font-weight: 700;text-decoration: none;text-transform: capitalize;transition: all 0.2s;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp .majestic-support-outgoing-email-message{margin-top: 7px;display: inline-block;}
div.ms-main-up-wrapper .mjtc-support-from-field-title {font-size: 0.9em;font-weight: 500;color: var(--mjtc-color-2);margin-bottom: 0.5em;display: flex;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-form-field-input,
div.ms-main-up-wrapper .mjtc-support-select-field,
div.ms-main-up-wrapper .mjtc-form-input-field,
div.ms-main-up-wrapper .mjtc-form-textarea-field,
div.ms-main-up-wrapper .mjtc-form-multi-select-field,
div.ms-main-up-wrapper .custom_date,
div.ms-main-up-wrapper .inputbox {width: 100%;background-color: var(--mjtc-color-3);border: 2px solid transparent; border-radius: 12px;padding: 1em 1.25em;font-size: 0.95em;font-weight: 500;color: var(--mjtc-color-2);transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);outline: none;height: unset;}
div.ms-main-up-wrapper .mjtc-form-multi-select-field{height:3.38em;overflow: auto;}
div.ms-main-up-wrapper select{appearance: none;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236c7381' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position: right 0.5em center;background-repeat: no-repeat;background-size: 1.5em 1.5em;width: 100%;background-color: var(--mjtc-color-3);border: 2px solid transparent; border-radius: 12px;padding: 1em 1.25em;font-size: 0.95em;font-weight: 500;color: var(--mjtc-color-2);transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);outline: none;height: auto;}
div.ms-main-up-wrapper .mjtc-attachment-field input {background-color: var(--mjtc-color-7);width: 100%;border: 2px solid transparent; border-radius: 12px;padding: 1em 1.25em;font-size: 0.95em;font-weight: 500;color: var(--mjtc-color-2);transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);outline: none;}
div.ms-main-up-wrapper .mjtc-support-form-field-input:focus,
div.ms-main-up-wrapper .mjtc-support-select-field:focus,
div.ms-main-up-wrapper .inputbox:focus {background-color: var(--mjtc-color-7);border-color: var(--mjtc-color-1);box-shadow: 0 4px 12px rgba(41, 26, 188, 0.15);transform: translateY(-2px);}
div.ms-main-up-wrapper .mjtc-support-form-field-input:hover,
div.ms-main-up-wrapper .mjtc-support-select-field:hover {background-color: var(--mjtc-color-6);}
div.ms-main-up-wrapper select:has(option[value=""]:checked){color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-from-field-description {font-size: 0.8em;color: var(--mjtc-color-5);margin-top: 0.5em;margin-left: 0.5em;width:100%;}
div.ms-main-up-wrapper .wp-editor-wrap {border: 2px solid var(--mjtc-color-6);border-radius: 16px;overflow: hidden;transition: border-color 0.2s;}
div.ms-main-up-wrapper .wp-editor-wrap:focus-within {border-color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .quicktags-toolbar {background: var(--mjtc-color-3);border-bottom: 1px solid var(--mjtc-color-6);padding: 10px;}
div.ms-main-up-wrapper .wp-core-ui .button {background: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-5);border-radius: 6px;color: var(--mjtc-color-2);font-weight: 600;font-size: .8em;margin-right: 4px;}
div.ms-main-up-wrapper .mjtc-attachment-field-title {font-size: 0.9em;font-weight: 500;color: var(--mjtc-color-2);margin-bottom: 0.5em;}
div.ms-main-up-wrapper .mjtc-attachment-field {border: 2px dashed var(--mjtc-color-5);background: var(--mjtc-color-3);border-radius: 16px;padding: 3em 2em;text-align: center;transition: all 0.3s ease;position: relative;}
div.ms-main-up-wrapper .mjtc-attachment-field:hover {border-color: var(--mjtc-color-1);background: rgba(41, 26, 188, 0.05);}
div.ms-main-up-wrapper .mjtc-attachment-field::before {content: '';display: inline-block;width: 50px;height: 50px;border-radius: 50%;background-color: var(--mjtc-color-1);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M18.97 3.659a2.25 2.25 0 00-3.182 0l-10.94 10.94a3.75 3.75 0 105.304 5.303l7.693-7.693a.75.75 0 011.06 1.06l-7.693 7.693a5.25 5.25 0 11-7.424-7.424l10.939-10.94a3.75 3.75 0 115.303 5.304L9.097 18.835l-.008.008-.007.007-.002.002-.003.002A2.25 2.25 0 015.91 15.66l7.81-7.81a.75.75 0 011.061 1.06l-7.81 7.81a.75.75 0 001.054 1.068L18.97 6.84a5.25 5.25 0 000-7.424z' clip-rule='evenodd' /%3E%3C/svg%3E");background-position: center;background-repeat: no-repeat;background-size: 24px 24px;margin-bottom: 1em;box-shadow: 0 4px 10px rgba(41, 26, 188, 0.3);}
div.ms-main-up-wrapper .tk_attachment_value_wrapperform {display: flex;flex-wrap: wrap;justify-content: center;align-items: stretch;width: 100%;margin-bottom: 0.5em;gap: 1em;}
div.ms-main-up-wrapper .mjtc_agent-image-wrp{width: fit-content;position: relative;margin: 20px auto auto;}
div.ms-main-up-wrapper .mjtc_agent-image-wrp #mjtc_delete-agent-image{position: absolute;top: -10px;right: -10px;background: #fee2e2;color: var(--mjtc-admin-accent-coral);border-radius: 50%;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s;box-shadow: 0 2px 5px rgba(244, 63, 94, 0.2);border: 1px solid #ffffff;}
div.ms-main-up-wrapper .mjtc_agent-image-wrp .mjtc-support-staff-img{position: relative;display: inline-block;border: 1px solid var(--mjtc-admin-border);border-radius: var(--mjtc-admin-radius-sm);padding: 5px;background: #ffffff;width: fit-content;}
div.ms-main-up-wrapper .mjtc_agent-image-wrp .mjtc-support-staff-img img{max-width: 120px;max-height: 120px;height: auto;border-radius: 6px;display: block;object-fit: contain;}

div.ms-main-up-wrapper .tk_attachments_addform {color: var(--mjtc-color-1);font-weight: 700;cursor: pointer;text-transform: uppercase;font-size: 0.8em;letter-spacing: 0.05em;}
div.ms-main-up-wrapper .tk_attachments_configform {display: block;margin-top: 10px;font-size: 0.8em;color: var(--mjtc-color-5);overflow-wrap: anywhere;}
div.ms-main-up-wrapper .mjtc-support-form-btn-wrp {margin-top: 3em;padding-top: 2em;border-top: 2px dashed var(--mjtc-color-6);display: flex;align-items: center;gap: 1.5em;}
div.ms-main-up-wrapper .mjtc-support-save-button {background: linear-gradient(135deg, var(--mjtc-color-1), var(--mjtc-color-8));color: var(--mjtc-color-7);border: none;border-radius: 50px; padding: 1em 3em;font-weight: 700;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 10px 20px -5px rgba(41, 26, 188, 0.4);line-height: 2;}
div.ms-main-up-wrapper .mjtc-support-save-button:hover {transform: translateY(-3px) scale(1.02);box-shadow: 0 15px 25px -5px rgba(45, 161, 203, 0.4);}
div.ms-main-up-wrapper .mjtc-support-cancel-button {color: var(--mjtc-color-5);background: transparent;font-weight: 600;text-decoration: none;transition: color 0.2s;line-height: 2;}
div.ms-main-up-wrapper .mjtc-support-cancel-button:hover {color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-support-system-terms-and-condition-box {background: var(--mjtc-color-3);border-left: 4px solid var(--mjtc-color-8);padding: 1em 1.25em;border-radius: 8px;}
div.ms-main-up-wrapper .mjtc-support-custom-terms-and-condition-box {display: flex;align-items: center;gap: 10px;}
div.ms-main-up-wrapper .mjtc-support-custom-terms-and-condition-box input {width: 16px;height: 16px;}
div.ms-main-up-wrapper .has-error .mjtc-support-form-field-input, div.ms-main-up-wrapper .has-error .mjtc-support-select-field, div.ms-main-up-wrapper .has-error .inputbox, div.ms-main-up-wrapper .inputbox.error {border-color: #dc2626 !important;background-color: #fef2f2;}
div.ms-main-up-wrapper .MJTC_help-block.form-error{display: block;color: #dc2626;font-size: 0.75em;margin-top: 0.35em;margin-left: 0.25em;font-weight: 500;}
/* agent submit ticket */
div.ms-main-up-wrapper div.mjtc-support-from-field {position: relative;}
div.ms-main-up-wrapper div.mjtc-support-from-field .mjtc-support-select-user-field{position: relative;width: 100%;}
div.ms-main-up-wrapper .mjtc-support-select-user-btn{position: absolute;top: 0;right: 0;height: 100%;}
div.ms-main-up-wrapper .mjtc-support-select-user-btn a{height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;padding: 0 1.5em;background: linear-gradient(135deg, var(--mjtc-color-1), var(--mjtc-color-8));color: var(--mjtc-color-7);border-radius: 0 12px 12px 0;font-size: 0.9em;font-weight: 600;transition: background 0.2s;}
/* visitor check status */
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-checkstatus-wrp{background: var(--mjtc-color-7);border-radius: 24px;border: 1px solid var(--mjtc-color-6);padding: 2em;box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.05);position: relative;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-cont-checkstatus-wrapper{display: flex;width: 100%;}
div.ms-main-up-wrapper .mjtc-page-header {text-align: center;margin-bottom: 2.5em;}
div.ms-main-up-wrapper .mjtc-page-title {font-size: 1.75em;font-weight: 800;color: var(--mjtc-color-2);margin-bottom: 0.5em;}
div.ms-main-up-wrapper .mjtc-page-subtitle {color: var(--mjtc-color-5);font-size: 0.9em;}
div.ms-main-up-wrapper .mjtc-tab-container {display: flex;background: var(--mjtc-color-3);padding: 5px;border-radius: 12px;margin-bottom: 2em;border: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-tab-btn {flex: 1;padding: 12px;border: none;background: transparent;border-radius: 8px;font-weight: 600;color: var(--mjtc-color-5);cursor: pointer;transition: all 0.3s ease;font-size: 0.95em;}
div.ms-main-up-wrapper .mjtc-tab-btn.active {background: var(--mjtc-color-7);color: var(--mjtc-color-1);box-shadow: 0 4px 12px rgba(0,0,0,0.05);}
div.ms-main-up-wrapper .mjtc-tab-btn:hover:not(.active) {color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-checkstatus-wrp {width: 100%;}
div.ms-main-up-wrapper .mjtc-support-checkstatus-field-wrp {margin-bottom: 1.5em;width: 100%;}
div.ms-main-up-wrapper .mjtc-support-checkstatus-field-wrp .mjtc-support-field-title {font-size: 0.9em;font-weight: 600;color: var(--mjtc-color-2);margin-bottom: 0.5em;display: flex;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-field-wrp {width: 100%;}
div.ms-main-up-wrapper .mjtc-support-form-input-field {width: 100%;background-color: var(--mjtc-color-3);border: 2px solid transparent; border-radius: 12px;padding: 1em 1.25em;font-size: 0.95em;font-weight: 500;color: var(--mjtc-color-2);transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);outline: none;}
div.ms-main-up-wrapper .mjtc-support-form-input-field:focus {background-color: var(--mjtc-color-7);border-color: var(--mjtc-color-1);box-shadow: 0 4px 12px rgba(41, 26, 188, 0.15);transform: translateY(-2px);}
div.ms-main-up-wrapper .mjtc-support-form-input-field:hover {background-color: var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-form-btn-wrp {margin-top: 2em;}
div.ms-main-up-wrapper .mjstic-support-toogle-hidden-section { display: none; }
div.ms-main-up-wrapper .mjstic-support-toogle-fadein { animation: fadeIn 0.4s ease-out forwards; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); }}
/* visitor ticket submited */
div.ms-main-up-wrapper .mjtc-support-visitor-message-mainwrp {background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.5);box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);border-radius: 24px;width: calc(100% - 4em);margin: 0 2em 2em;padding: 3em 2em;text-align: center;position: relative;overflow: hidden;animation: slideUpFade 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;opacity: 0;transform: translateY(40px);}
@keyframes slideUpFade {to { opacity: 1; transform: translateY(0); }}
div.ms-main-up-wrapper .ms-jtc-support-visitor-message-mainwrp {position: relative;z-index: 10;}
div.ms-main-up-wrapper .mjtc-support-checkmark-circle {width: 80px;height: 80px;position: relative;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;background-color: #10B981; box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);animation: pulse-green 2s infinite;margin-bottom: 2em;}
div.ms-main-up-wrapper .mjtc-support-checkmark-icon {width: 40px;height: 40px;fill: none; color: white;opacity: 0;animation: scaleIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 0.3s;}
@keyframes pulse-green {0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }70% { transform: scale(1); box-shadow: 0 0 0 20px rgba(16, 185, 129, 0); }100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }}
@keyframes scaleIn { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } }
div.ms-main-up-wrapper .ms-visitor-message-wrapper {margin-bottom: 2em;}
div.ms-main-up-wrapper .ms-visitor-message-wrapper img {width: 80px;height: auto;margin-bottom: 1em;}
div.ms-main-up-wrapper .ms-visitor-message {display: block;font-size: 1.125em;line-height: 1.6;color: #4b5563; max-width: 800px;margin-left: auto;margin-right: auto;}
div.ms-main-up-wrapper .ms-visitor-message strong {display: block;margin-top: 0.5em;color: #1f2937;}
div.ms-main-up-wrapper .ms-visitor-token-message {background: #1e293b; border-radius: 12px;border: 1px solid #334155;text-align: left;margin-bottom: 2em;overflow: hidden;transition: all 0.3s ease;position: relative;max-width:800px;margin-left: auto;margin-right: auto;padding: 0; }
div.ms-main-up-wrapper .ms-visitor-token-message:hover {border-color: #6366f1;box-shadow: 0 0 15px rgba(99, 102, 241, 0.2);}
div.ms-main-up-wrapper .ms-visitor-token-message::before {content: "SECURE TOKEN ID";display: block;background: rgba(255,255,255,0.05);padding: 8px 16px;border-bottom: 1px solid rgba(255,255,255,0.1);font-size: 0.75em;color: #94a3b8;text-transform: uppercase;letter-spacing: 0.05em;}
div.ms-main-up-wrapper .ms-visitor-token-message-heading {display: none;}
div.ms-main-up-wrapper .ms-visitor-token-message-discription {display: none;}
div.ms-main-up-wrapper .ms-visitor-token-message-token-number {padding: 1.5em;margin: 0;display: flex;flex-direction: column;align-items: center;gap: 1em;}
div.ms-main-up-wrapper #token-text-content {width: 100%;background: transparent;border: none;color: #38bdf8; font-size: 1.1em;text-align: center;outline: none;letter-spacing: 1px;word-break: break-all;}
div.ms-main-up-wrapper .mjtc-sprt-det-copy-id {border: none;font-size: 1.125em;cursor: pointer;transition: all 0.2s ease;display: inline-flex;align-items: center;justify-content: center;gap: 10px;text-decoration: none;}
div.ms-main-up-wrapper .mjtc-support-visitor-message-mainwrp .mjtc-sprt-det-copy-id {border: none;font-size: 1.125em;cursor: pointer;transition: all 0.2s ease;display: inline-flex;align-items: center;justify-content: center;gap: 10px;text-decoration: none;background-color: var(--mjtc-color-1);color: var(--mjtc-color-7);padding: 1em 2.5em;border-radius: 12px;border: none;font-size: 1.125em;}
div.ms-main-up-wrapper .mjtc-support-visitor-message-mainwrp .mjtc-sprt-det-copy-id:hover {background-color: var(--mjtc-color-8);color: var(--mjtc-color-7);box-shadow: 0 4px 12px rgba(41, 26, 188, 0.2);transform: translateY(-2px);}
div.mjtc-support-visitor-contentheading{font-size: 1.5em;font-weight: 700;color: #1f2937;margin-bottom: 1em;}
div.ms-main-up-wrapper .mjtc-sprt-det-copy-id:active {transform: translateY(0);}
div.ms-main-up-wrapper .mjtc-sprt-det-copy-id.copied {background-color: #22c55e;box-shadow: 0 10px 15px -3px rgba(34, 197, 94, 0.3);}
div.ms-main-up-wrapper .mjstc-supprt-token-copy-overlay {position: absolute;inset: 0; display: flex;align-items: center;justify-content: center;background-color: rgba(15, 23, 42, 0.8);opacity: 0;top: 35px;transition: opacity 0.2s ease;cursor: pointer;pointer-events: none; }
div.ms-main-up-wrapper .ms-visitor-token-message:hover .mjstc-supprt-token-copy-overlay {opacity: 1;}
div.ms-main-up-wrapper .mjstc-supprt-token-hover-text {color: white;font-size: 0.875em;display: flex;align-items: center;gap: 0.5em;}
/* knowledgebase */
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper {margin-bottom: 3em;}
div.ms-main-up-wrapper .mjtc-support-top-search-wrp {background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);border-radius: 20px;padding: 1.5em 2em;margin-bottom: 2.5em;border: 1px solid var(--mjtc-color-6);text-align: center;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);}
div.ms-main-up-wrapper .mjtc-support-fields-wrp {display: flex;justify-content: flex-start;gap: 1em;flex-wrap: wrap;flex: 1 1 auto;}
div.ms-main-up-wrapper .mjtc-support-form-field {flex: 1 1 auto;min-width: 250px;}
div.ms-main-up-wrapper .mjtc-support-field-input {width: 100%;padding: 1em 1.25em;border-radius: 12px;border: 2px solid transparent; background: var(--mjtc-color-3);color: var(--mjtc-color-2);transition: all 0.3s ease;outline: none;box-shadow: 0 4px 15px rgba(0,0,0,0.03);}
div.ms-main-up-wrapper .mjtc-support-field-input:focus {border-color: var(--mjtc-color-1);box-shadow: 0 8px 30px rgba(41, 26, 188, 0.1);transform: translateY(-2px);}
div.ms-main-up-wrapper .mjtc-support-field-input::placeholder{color: var(--mjtc-color-4);font-weight: bold;}
div.ms-main-up-wrapper .mjtc-support-search-form-btn-wrp {display: flex;gap: 1em;justify-content: center;margin-left: auto;}
div.ms-main-up-wrapper .mjtc-search-button {background: var(--mjtc-color-1);color: var(--mjtc-color-7);border: none;padding: 0.9em 2.5em;line-height: 2; border-radius: 50px;font-weight: 600;cursor: pointer;transition: all 0.2s;box-shadow: 0 8px 20px -5px rgba(41, 26, 188, 0.3);}
div.ms-main-up-wrapper .mjtc-search-button:hover {transform: translateY(-2px);box-shadow: 0 12px 25px -5px rgba(41, 26, 188, 0.4);}
div.ms-main-up-wrapper .mjtc-reset-button {background: white;color: var(--mjtc-color-5);border: 1px solid var(--mjtc-color-6);padding: 0.9em 2em;line-height: 2; border-radius: 50px;font-weight: 600;cursor: pointer;transition: all 0.2s;}
div.ms-main-up-wrapper .mjtc-reset-button:hover {border-color: var(--mjtc-color-5);color: var(--mjtc-color-2);background: #f8fafc;}
div.ms-main-up-wrapper .mjtc-support-categories-heading-wrp,
div.ms-main-up-wrapper .mjtc-support-downloads-heading-wrp {font-size: 1.5em;font-weight: 700;color: var(--mjtc-color-2);margin: 0em 0 1.5em 0;display: flex;align-items: center;gap: 0.75em;}
div.ms-main-up-wrapper .mjtc-support-categories-heading-wrp::before,
div.ms-main-up-wrapper .mjtc-support-downloads-heading-wrp::before {content: '';display: block;width: 5px;height: 24px;background: var(--mjtc-color-1);border-radius: 4px;}
div.ms-main-up-wrapper .mjtc-support-categories-content,
div.ms-main-up-wrapper .mjtc-support-downloads-content {display: flex;flex-wrap: wrap;gap: 1.5em;}
div.ms-main-up-wrapper .mjtc-support-categories-content {margin-bottom: 1.5em;}
div.ms-main-up-wrapper .mjtc-support-category-box,
div.ms-main-up-wrapper .mjtc-support-download-box {background: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 16px;padding: 1.5em;min-width: 280px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;width: calc(100% / 3 - 1.5em);}
div.ms-main-up-wrapper .mjtc-support-category-box:hover,
div.ms-main-up-wrapper .mjtc-support-download-box:hover {transform: translateY(-4px);box-shadow: 0 15px 30px -5px rgba(0,0,0,0.08);border-color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-category-title,
div.ms-main-up-wrapper .mjtc-support-download-title {text-decoration: none;display: flex;flex-direction: column;align-items: flex-start;height: 100%;}
div.ms-main-up-wrapper .mjtc-support-categories-content a.mjtc-support-category-title{gap: 1em;}
div.ms-main-up-wrapper .mjtc-support-category-title .mjtc-support-category-download-logo{width: 48px;height: 48px;object-fit: contain;margin-bottom: 1em;padding: 8px;background: rgba(41, 26, 188, 0.05);border-radius: 10px;transition: background 0.3s;}
div.ms-main-up-wrapper .mjtc-support-categories-content .mjtc-support-category-title .mjtc-support-category-download-logo.mjtc-support-kb-download-btn{margin-left: auto;display: flex;align-items: center;justify-content: center;background-color: var(--mjtc-color-1);margin-bottom: 0;}
div.ms-main-up-wrapper .mjtc-support-categories-content .mjtc-support-category-title .mjtc-support-category-download-logo.mjtc-support-kb-download-btn:hover{background-color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-support-download-btn-style {display: inline-flex;align-items: center;justify-content: center;background-color: transparent;color: var(--mjtc-color-1);border: 1px solid var(--mjtc-color-1);padding: 8px 18px;border-radius: 6px;font-size: .8em;font-weight: 600;cursor: pointer;transition: all 0.2s ease;font-family: inherit;margin-top: 1em;line-height: 1.7;}
div.ms-main-up-wrapper .mjtc-support-download-btn-style:hover {background-color: var(--mjtc-color-1);color: var(--mjtc-color-7);}
div.ms-main-up-wrapper .mjtc-support-kb-img,
div.ms-main-up-wrapper .mjtc-support-download-icon {width: 48px;height: 48px;object-fit: contain;margin-bottom: 1em;padding: 8px;background: rgba(41, 26, 188, 0.05); border-radius: 10px;transition: background 0.3s;}
div.ms-main-up-wrapper img.mjtc-support-kb-img{padding: 0;border-radius: unset;background: unset;}
div.ms-main-up-wrapper .mjtc-support-kb-dtl-img{width: 48px;height: 48px;object-fit: contain;padding: 8px;background: rgba(41, 26, 188, 0.05); border-radius: 10px;transition: background 0.3s;}
div.ms-main-up-wrapper .mjtc-support-error-message-wrapper{display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 1em;}
div.ms-main-up-wrapper .mjtc-support-head-category-image{display: flex;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-category-box:hover .mjtc-support-kb-img,
div.ms-main-up-wrapper .mjtc-support-download-box:hover .mjtc-support-download-icon {background: rgba(41, 26, 188, 0.1);}
div.ms-main-up-wrapper .mjtc-support-category-name,
div.ms-main-up-wrapper .mjtc-support-download-name {font-size: 1.1em;font-weight: 600;color: var(--mjtc-color-2);line-height: 1.4;}
div.ms-main-up-wrapper .mjtc-support-downloads-wrp {background: var(--mjtc-color-7);border-radius: 16px;padding: 25px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);margin-bottom: 30px;border: 1px solid var(--mjtc-color-6);overflow: hidden;}
div.ms-main-up-wrapper .mjtc-support-downloads-heading-wrp {font-size: 1.1em;font-weight: 700;margin-bottom: 25px;border-bottom: 1px solid var(--mjtc-color-6);padding-bottom: 25px;color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-support-knowledgebase-details{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;gap: 10px;}
/* add category */
div.ms-main-up-wrapper .mjtc-support-sub-fields {display: inline-flex;align-items: center;margin-right: 20px;margin-bottom: 10px;cursor: pointer;gap: 10px;padding: .89em 1.25em;background-color: var(--mjtc-color-3);border-radius: 12px;}
div.ms-main-up-wrapper .mjtc-support-checkbox {margin-right: 8px;width: 16px;height: 16px;cursor: pointer;accent-color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-sub-fields label {font-size: .9em;color: var(--mjtc-color-4);cursor: pointer;user-select: none;}
/* Image Upload Area */
div.ms-main-up-wrapper .mjtc_category-image-wrp {position: relative;display: inline-block;margin-top: 15px;padding: 8px;border: 1px solid var(--mjtc-color-6);border-radius: 8px;background-color: #fcfcfc;}
div.ms-main-up-wrapper .mjtc-support-category-img {max-width: 150px;height: auto;display: block;border-radius: 4px;}
div.ms-main-up-wrapper #mjtc_delete-category-image {position: absolute;top: -10px;right: -10px;width: 24px;height: 24px;cursor: pointer;border-radius: 50%;background-color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.2);transition: transform 0.2s;}
div.ms-main-up-wrapper #mjtc_delete-category-image:hover {transform: scale(1.1);}
/* downloads popup */
/* Overlay */
div.ms-main-up-wrapper div#mjtc-support-main-black-background {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(33, 37, 49, 0.6);z-index: 1100;backdrop-filter: blur(2px);display: none; /* Hidden by default */}
/* Main Popup Container */
div.ms-main-up-wrapper div#mjtc-support-main-popup, div#userpopup {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 1080px;background-color: var(--mjtc-color-7);border-radius: 16px;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);z-index: 1101;padding: 0;overflow: auto;display: none; /* Hidden by default */flex-direction: column;max-height: 85vh}
div.ms-main-up-wrapper div.mjtc-support-download-description{width: 100%}
div.ms-main-up-wrapper .mjtc-support-downloads-content div.mjtc-support-download-box{width:100%;display:flex;align-items: center;justify-content: space-between;gap: 15px;}
div.ms-main-up-wrapper .mjtc-support-downloads-content div.mjtc-support-download-box .mjtc-support-download-left{display: flex;align-items: center;justify-content: flex-start;gap: 15px;flex: 1 1 auto;}
div.ms-main-up-wrapper .mjtc-support-downloads-content div.mjtc-support-download-box .mjtc-support-download-left .mjtc-support-download-title{display: flex;align-items: center;justify-content: flex-start;gap: 15px;flex: 1 1 auto;flex-direction: row;}
div.ms-main-up-wrapper .mjtc-support-downloads-content div.mjtc-support-download-box .mjtc-support-download-left .mjtc-support-download-title .mjtc-support-download-icon{margin-bottom: 0}
div.ms-main-up-wrapper div.mjtc-support-popup-header{background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);padding: 2em 2.5em 1.5em 2.5em;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(0, 0, 0, 0.03);}
div.ms-main-up-wrapper #mjtc-support-popup-title {color: var(--mjtc-color-2);font-size: 1.5em;font-weight: 800;letter-spacing: -0.02em;}
div.ms-main-up-wrapper #mjtc-support-popup-close-button {cursor: pointer;min-width: 36px; width: 36px;height: 36px;border-radius: 12px;background: rgba(0, 0, 0, 0.03);display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;color: var(--mjtc-color-5);}
div.ms-main-up-wrapper #mjtc-support-popup-close-button:hover {background: #fee2e2;color: #ef4444;transform: rotate(90deg);}
div.ms-main-up-wrapper #mjtc-support-popup-close-button img {width: 14px;height: 14px;/* Inverting colors for fallback since the provided image src is white-icon */filter: invert(1) brightness(0.2); }
div.ms-main-up-wrapper #mjtc-support-main-content {background-color: var(--mjtc-color-7); /* Light grey bg to show cards */padding: 24px;overflow-y: auto;flex-grow: 1;}
div.ms-main-up-wrapper .mjtc-support-download-description p {margin-top: 0;margin-bottom: 16px;color: var(--mjtc-color-4);font-size: .9em;line-height: 1.5;}
div.ms-main-up-wrapper #mjtc-support-main-downloadallbtn {padding: 16px 24px;background-color: var(--mjtc-color-7);border-top: 1px solid var(--mjtc-color-6);display: flex;justify-content: flex-end; /* Align button to right */}
div.ms-main-up-wrapper #mjtc-support-main-downloadallbtn .mjtc-support-download-btn-style {background-color: var(--mjtc-color-1);color: var(--mjtc-color-7);padding: 10px 24px;font-size: .9em;}
div.ms-main-up-wrapper #mjtc-support-main-downloadallbtn .mjtc-support-download-btn-style:hover {opacity: 0.9;}
/* export data popup */
div.userpopup-top{background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);padding: 2em 2.5em 1.5em 2.5em;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(0, 0, 0, 0.03);margin-bottom: 20px;font-weight: 700;font-size: 1.1em;color: var(--mjtc-color-2);}
div.userpopup-search .userpopup-fields-wrp{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 15px;gap: 20px;background-color: var(--mjtc-color-7);padding: 24px;border: 1px solid var(--mjtc-color-6);border-radius: 12px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);margin-bottom: 30px;flex: 1 1 auto;align-items: start;}
div.userpopup-search .userpopup-fields-wrp input{width: 100%;padding: 12px 16px;border: 1px solid var(--mjtc-color-6);border-radius: 8px;font-size: 14px;color: var(--mjtc-color-2);background-color: #fcfcfc;box-sizing: border-box;font-family: inherit;transition: all 0.2s ease;}
div.userpopup-search .userpopup-fields-wrp .userpopup-btn-wrp{display: flex;gap: 10px;flex-shrink: 0;}
div.userpopup-search .userpopup-fields-wrp .userpopup-btn-wrp .userpopup-search-btn{padding: 12px 24px;background-color: var(--mjtc-color-1);color: #fff;border: none;border-radius: 8px;cursor: pointer;font-weight: 600;font-size: 14px;transition: opacity 0.2s;height: auto;line-height: 1.8;}
div.userpopup-search .userpopup-fields-wrp .userpopup-btn-wrp .userpopup-reset-btn{padding: 12px 24px;background-color: var(--mjtc-color-6);color: var(--mjtc-color-4);border: none;border-radius: 8px;cursor: pointer;font-weight: 600;font-size: 14px;transition: background-color 0.2s;height: auto;line-height: 1.8;}
div#userpopup #userpopup-records{padding: 1.5em 2.5em 2.5em 2.5em;max-height: 60vh;overflow-y: auto;background: #fff;}
/* -----------------------------------
   NEW CSS FOR USER SEARCH FORM
   ----------------------------------- */
div.ms-main-up-wrapper #userpopupsearch{padding: 0 2.5em;}
div.ms-main-up-wrapper #userpopupsearch .mjtc-support-search-top {display: flex;align-items: flex-start; /* Align top so if inputs wrap, buttons stay at top or adjust */gap: 20px;background-color: var(--mjtc-color-7);padding: 24px;border: 1px solid var(--mjtc-color-6);border-radius: 12px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);margin-bottom: 30px; /* Space below this form */flex: 1 1 auto;}
div.ms-main-up-wrapper #userpopupsearch .mjtc-support-search-left {flex-grow: 1;width: 100%;}
div.ms-main-up-wrapper #userpopupsearch .mjtc-support-search-fields-wrp {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 15px;}
div.ms-main-up-wrapper #userpopupsearch .mjtc-support-search-input-fields {width: 100%;padding: 12px 16px;border: 1px solid var(--mjtc-color-6);border-radius: 8px;font-size: 14px;color: var(--mjtc-color-2);background-color: #fcfcfc;box-sizing: border-box;font-family: inherit;transition: all 0.2s ease;}
div.ms-main-up-wrapper #userpopupsearch .mjtc-support-search-input-fields:focus {outline: none;border-color: var(--mjtc-color-1);background-color: #fff;box-shadow: 0 0 0 3px rgba(41, 26, 188, 0.1);}
div.ms-main-up-wrapper #userpopupsearch .mjtc-support-search-right {flex-shrink: 0;}
div.ms-main-up-wrapper #userpopupsearch .mjtc-support-search-btn-wrp {display: flex;gap: 10px;}
div.ms-main-up-wrapper #userpopupsearch .mjtc-support-search-btn {padding: 12px 24px;background-color: var(--mjtc-color-1);color: #fff;border: none;border-radius: 8px;cursor: pointer;font-weight: 600;font-size: 14px;transition: opacity 0.2s;line-height: 1.8;}
div.ms-main-up-wrapper #userpopupsearch .mjtc-support-search-btn:hover {opacity: 0.9;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper #userpopupsearch .mjtc-support-reset-btn {padding: 12px 24px;background-color: var(--mjtc-color-6);color: var(--mjtc-color-4);border: none;border-radius: 8px;cursor: pointer;font-weight: 600;font-size: 14px;transition: background-color 0.2s;line-height: 1.8;}
div.ms-main-up-wrapper #userpopupsearch .mjtc-support-reset-btn:hover {background-color: #cbd5e1;color: var(--mjtc-color-2);}
/* Responsive Adjustment for Search Form */
@media (max-width: 768px) {div.ms-main-up-wrapper .mjtc-support-search-top {flex-direction: column;align-items: stretch;}div.ms-main-up-wrapper .mjtc-support-search-right {margin-top: 10px;}div.ms-main-up-wrapper .mjtc-support-search-btn-wrp {justify-content: flex-end;}}
/* --- Multi Form Popup --- */
div.ms-main-up-wrapper #multiformpopupblack {position: fixed;top: 0; left: 0; width: 100%; height: 100%;background: rgba(15, 23, 42, 0.4); backdrop-filter: blur(8px);z-index: 998;transition: all 0.4s ease;}
div.ms-main-up-wrapper #multiformpopupblack.show { opacity: 1; visibility: visible; }
div.ms-main-up-wrapper > #multiformpopup {position: fixed;top: 50%; left: 50%;transform: translate(-50%, -45%) scale(0.95);width: 90%;max-width: 750px;background: #ffffff; border-radius: 24px;box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.2), 0 10px 40px -10px rgba(0,0,0,0.1);z-index: 999;opacity: 0; visibility: hidden;transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);overflow: hidden;}
div.ms-main-up-wrapper > #multiformpopup{opacity: 1; visibility: visible;transform: translate(-50%, -50%) scale(1);}
div.ms-main-up-wrapper > #multiformpopup .mjtc-multiformpopup-link-wrp{display: none;}
div.ms-main-up-wrapper .ms-multiformpopup-header {background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);padding: 2em 2.5em 1.5em 2.5em;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(0,0,0,0.03);}
div.ms-main-up-wrapper .multiformpopup-header-text {color: var(--mjtc-color-2);font-size: 1.5em;font-weight: 800;letter-spacing: -0.02em;}
div.ms-main-up-wrapper .multiformpopup-header-close-img {cursor: pointer;width: 36px; height: 36px;border-radius: 12px;background: rgba(0,0,0,0.03);display: flex; align-items: center; justify-content: center;transition: all 0.2s ease;color: var(--mjtc-color-5);}
div.ms-main-up-wrapper .multiformpopup-header-close-img:hover {background: #fee2e2;color: #ef4444;transform: rotate(90deg);}
div.ms-main-up-wrapper .multiformpopup-header-close-img svg {width: 20px; height: 20px; stroke: currentColor;}
div.ms-main-up-wrapper #records {padding: 1.5em 2.5em 2.5em 2.5em;max-height: 60vh;overflow-y: auto;background: #fff;}
div.ms-main-up-wrapper .mjtc-support-table-wrp { width: 100%; }
div.ms-main-up-wrapper .mjtc-support-multiform-row {background: #ffffff;border: 1px solid var(--mjtc-color-6);border-radius: 16px;padding: 1.25em 1.5em;margin: 1em /*edited*/;cursor: pointer;transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);display: flex;align-items: center;justify-content: space-between;position: relative;box-shadow: 0 2px 5px rgba(0,0,0,0.02);flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-multiform-row:hover {transform: translateY(-4px);box-shadow: 0 15px 30px -5px rgba(0,0,0,0.08);border-color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-multiform-row::before {content: '';position: absolute;left: 0; top: 15%; height: 70%; width: 4px;background: var(--mjtc-color-1);border-top-right-radius: 4px;border-bottom-right-radius: 4px;opacity: 0;transition: opacity 0.3s;}
div.ms-main-up-wrapper .mjtc-support-multiform-row:hover::before {opacity: 1;}
div.ms-main-up-wrapper .mjtc-support-multiform-row::after {content: '';width: 8px; height: 8px;border-right: 2px solid var(--mjtc-color-5);border-top: 2px solid var(--mjtc-color-5);transform: rotate(45deg);margin-left: 10px;transition: all 0.3s;opacity: 0.5;position: absolute;right: 20px;transform: translateY(-50%) rotate(45deg);}
div.ms-main-up-wrapper .mjtc-support-table-body-col.mjtc-support-department-col{font-weight: 500;color: var(--mjtc-color-4);text-align: left;margin-right: 0;}
div.ms-main-up-wrapper .mjtc-support-table-body-col.mjtc-support-department-col .mjtc-support-department-name{font-size: 0.95em;color: var(--mjtc-color-2);font-weight: 600;}
div.ms-main-up-wrapper .mjtc-support-multiform-row:hover::after {border-color: var(--mjtc-color-1);transform: translateX(4px) rotate(45deg);opacity: 1;}
div.ms-main-up-wrapper #majesticsupportform{display: flex;gap: 1em;flex-wrap:wrap;width: 100%;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-cont-wrapper {width: 100%;margin-top: 0px;}
div.ms-main-up-wrapper .mjtc-support-multiform-row .mjtc-support-table-body-col.mjtc-support-department-col{width:100%;}
div.ms-main-up-wrapper .mjtc-support-multiform-row .mjtc-support-table-body-col:first-child{color: var(--mjtc-color-2);font-weight: 600;}
div.ms-main-up-wrapper .mjtc-support-multiform-row .mjtc-support-table-body-col.mjtc-support-department-col .mjtc-support-department-name{font-size: 1.1em;}
div.ms-main-up-wrapper .mjtc-support-multiform-row .mjtc-support-table-body-col.mjtc-support-department-col{font-weight: normal;display: flex;align-items: center;gap: 8px;flex: 1 1 auto;}
/* Ticket Detail Page*/
/* AI Smart Reply Start */
.mjtc-sprt-det-hdg-txt-ai-reply {display: flex;gap: 5px;}
.mjtc-support-ai-reply-status-wrapper {display: flex;align-items: center;gap: 12px;padding: 16px;background: #ffffff;border-radius: 12px;border: 1px solid #e2e8f0;margin-bottom: 20px;flex-wrap: wrap;}
.mjtc-support-ai-reply-status-wrapper label {font-weight: 600;font-size: 14px;color: #0f172a;}
.mjtc-support-info-icon-wrapper {display: flex;align-items: center;margin-right: 8px;}
.mjtc-support-info-icon img {width: 16px;height: 16px;opacity: 0.6;cursor: help;transition: opacity 0.2s ease;}
.mjtc-support-info-icon:hover img {opacity: 1;}
.mjtc-support-segmented-control {display: flex;background: #f1f5f9;padding: 4px;border-radius: 10px;border: 1px solid #e2e8f0;}
.mjtc-support-segmented-control-option {border: none;outline: none;padding: 8px 16px;font-size: 13px;font-weight: 600;color: #64748b;background: transparent;cursor: pointer;border-radius: 8px;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
.mjtc-support-segmented-control-option.active {background: #ffffff;color: #0f172a;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);}
.mjtc-support-segmented-control-option:hover:not(.active) {color: #334155;background: rgba(255, 255, 255, 0.5);}
.mjtc-support-default.active {border-bottom: 2px solid #64748b;}
.mjtc-support-enable.active {border-bottom: 2px solid #10b981;color: #059669;}
.mjtc-support-disable.active {border-bottom: 2px solid #ef4444;color: #dc2626;}
.mjtc-support-info-icon[data-tooltip] {position: relative;}
.mjtc-support-info-icon:hover::after {content: attr(data-tooltip);position: absolute;bottom: 125%;left: 50%;transform: translateX(-50%);background: #0f172a;color: #fff;padding: 8px 12px;border-radius: 6px;font-size: 12px;white-space: normal;width: 170px;z-index: 100;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);}
/* AI Smart Reply End */
div.ms-main-up-wrapper a { text-decoration: none; color: inherit; transition: all 0.2s ease-in-out;box-shadow:unset; }
div.ms-main-up-wrapper ul, div.ms-main-up-wrapper li { list-style: none; padding: 0; margin: 0; }
div.ms-main-up-wrapper h1, div.ms-main-up-wrapper h2, div.ms-main-up-wrapper h3, div.ms-main-up-wrapper p { margin: 0; }
div.ms-main-up-wrapper button, div.ms-main-up-wrapper input, div.ms-main-up-wrapper select, div.ms-main-up-wrapper textarea { font-family: inherit; font-size: 0.875em;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper {flex: 1;display: flex;overflow: hidden; }
div.ms-main-up-wrapper #ms-header { width: 100%; }
div.ms-main-up-wrapper #ms-tabs-wrp { display: flex; align-items: center; justify-content: space-between; }
div.ms-main-up-wrapper .ms-tabs-profile-wrp { display: flex; align-items: center; gap: 12px; min-width: 200px; }
div.ms-main-up-wrapper .ms-profile-name-wrp { display: flex; flex-direction: column; line-height: 1.3; }
div.ms-main-up-wrapper .ms-profile-name { font-weight: 600; font-size: 0.9em; color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .ms-profile-email { font-size: 0.9em; color: var(--mjtc-color-4); }
div.ms-main-up-wrapper .ms-tabs-menu-wrp { display: flex; gap: 8px; background: var(--mjtc-color-3); padding: 4px; border-radius: 6px; }
div.ms-main-up-wrapper .ms-header-tab.mjtc-support-ticketsclassctive a { background-color:rgb(from var(--mjtc-color-1) r g b / .09); color: var(--mjtc-color-1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}
div.ms-main-up-wrapper .ms-tabs-menu-rightwrp { display: flex; align-items: center; gap: 1.5em; }
div.ms-main-up-wrapper .ms-notification-wrp { position: relative; color: var(--mjtc-color-4); cursor: pointer; padding: 4px; display: flex; }
div.ms-main-up-wrapper .ms-notification-wrp:hover { color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .ms-notification-reddot { position: absolute; top: 2px; right: 2px; width: 8px; height: 8px; background-color: #ef4444; border-radius: 50%; border: 1px solid var(--mjtc-color-7); }
div.ms-main-up-wrapper .ms-header-tab.mjtc-support-loginlogoutclass a { color: #ef4444; font-weight: 500; }
div.ms-main-up-wrapper .mjtc-sprt-det-actn-btn-wrp {background-color: var(--mjtc-color-7);border-bottom: 1px solid var(--mjtc-color-6);padding: 0.75em 2em;display: flex;justify-content: space-between;align-items: center;flex-shrink: 0;z-index: 10;}
div.ms-main-up-wrapper .mjtc-sprt-det-actn-btn-wrp{border-top: 1px solid rgb(from var(--mjtc-color-6) r g b / 1);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);}
div.ms-main-up-wrapper .mjtc-sprt-det-left-actn-btnswrp { display: flex; align-items: center; gap: 0.5em; }
div.ms-main-up-wrapper .mjtc-sprt-det-actn-btn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height:40px;padding: 0.5em 15px;background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 6px;color: var(--mjtc-color-4);font-size: 0.85em;font-weight: 600;cursor: pointer;transition: all 0.2s ease-in-out;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}
div.ms-main-up-wrapper .mjtc-sprt-det-actn-btn:hover { background-color: #f8fafc; border-color: var(--mjtc-color-5); color: var(--mjtc-color-2); transform: translateY(-1px);}
div.ms-main-up-wrapper .mjtc-sprt-det-actn-btn.mjtc-support-aisuggestions-btn{width: 37%;color: var(--mjtc-color-1);background: #eff6ff;border-color: #e0e7ff;}
div.ms-main-up-wrapper .mjtc-sprt-det-actn-btn.mjtc-support-aisuggestions-btn svg{fill:none;}
div.ms-main-up-wrapper .mjtc-sprt-icon, div.ms-main-up-wrapper .mjtc-support-icon { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
div.ms-main-up-wrapper .mjtc-support-separator { width: 1px; height: 20px; background-color: var(--mjtc-color-6); margin: 0 0.75em; }
div.ms-main-up-wrapper .mjtc-support-btn-danger { color: #ef4444; border-color: #fee2e2; background: #fff; }
div.ms-main-up-wrapper .mjtc-support-btn-danger:hover { background-color: #fef2f2; border-color: #ef4444; color: #ef4444; }
div.ms-main-up-wrapper .mjtc-btn-success { color: #059669; border-color: #a7f3d0; background-color: #ecfdf5; }
div.ms-main-up-wrapper .mjtc-btn-success:hover { background-color: #d1fae5; border-color: #059669; color: #047857; }
div.ms-main-up-wrapper .mjtc-btn-warning { color: #d97706; border-color: #fcd34d; background-color: #fffbeb; }
div.ms-main-up-wrapper .mjtc-btn-warning:hover { background-color: #fef3c7; border-color: #d97706; color: #b45309; }
div.ms-main-up-wrapper .mjtc-btn-danger { color: #dc2626; border-color: #fecaca; background-color: #fef2f2; }
div.ms-main-up-wrapper .mjtc-btn-danger:hover { background-color: #fee2e2; border-color: #dc2626; color: #b91c1c; }
div.ms-main-up-wrapper .mjtc-btn-info { color: #2563eb; border-color: #bfdbfe; background-color: #eff6ff; }
div.ms-main-up-wrapper .mjtc-btn-info:hover { background-color: #dbeafe; border-color: #2563eb; color: #1d4ed8; }
div.ms-main-up-wrapper .mjtc-btn-dark { color: #475569; border-color: #cbd5e1; background-color: #f8fafc; }
div.ms-main-up-wrapper .mjtc-btn-dark:hover { background-color: #e2e8f0; color: #1e293b; border-color: #475569; }
div.ms-main-up-wrapper .mjtc-btn-success .mjtc-sprt-icon, div.ms-main-up-wrapper .mjtc-btn-warning .mjtc-sprt-icon, div.ms-main-up-wrapper .mjtc-btn-danger .mjtc-sprt-icon, div.ms-main-up-wrapper .mjtc-btn-info .mjtc-sprt-icon { color: inherit; }
div.ms-main-up-wrapper .mjtc-timer-display-boxwrp { display: flex; align-items: center; gap: 1em;margin-left: auto;}
div.ms-main-up-wrapper .timer { font-weight: 700; color: var(--mjtc-color-2); background: var(--mjtc-color-3); padding: 4px 10px; border-radius: 4px; border: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-timer-btn { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--mjtc-color-6); background: var(--mjtc-color-7); border-radius: 6px; cursor: pointer; padding: 0; transition: all 0.2s ease-in-out;}
div.ms-main-up-wrapper .mjtc-support-timer-btn:hover { background: #f8fafc; border-color: var(--mjtc-color-5); }
div.ms-main-up-wrapper .mjtc-sprt-det-left { flex: 1; display: flex; flex-direction: column; overflow-y: auto; background-color: var(--mjtc-color-3); min-width: 0; }
div.ms-main-up-wrapper .mjtc-support-ticket-header { background-color: var(--mjtc-color-7); padding: 2em 2.5em 0 2.5em; border-bottom: 1px solid var(--mjtc-color-6); }
div.ms-main-up-wrapper .mjtc-support-ticket-header-topwrp { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.2em; }
div.ms-main-up-wrapper .mjtc-sprt-left-status-wrp { display: flex; align-items: center; gap: 0.75em; margin-bottom: 1.2em; }
div.ms-main-up-wrapper .mjtc-sprt-det-status { font-size: 0.9em;min-height: 36px;display: flex;align-items: center; font-weight: 700; text-transform: uppercase; padding: 4px 10px;border-radius: 4px;}
div.ms-main-up-wrapper .mjtc-sprt-det-status .mjtc-sprt-status-dot{ width: 12px; height: 12px; border-radius: 50%; display: inline-block; margin-right: 6px;}
div.ms-main-up-wrapper .mjtc-support-ticket-id {  color: var(--mjtc-color-4); font-size: 0.95em; background: var(--mjtc-color-3); padding: 4px 10px; border-radius: 4px;min-height: 36px;display: flex;align-items: center;gap: 0.5em;}
div.ms-main-up-wrapper .mjtc-sprt-left-status-wrp .mjtc-support-ticket-id svg{ width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
div.ms-main-up-wrapper .mjtc-sprt-left-status-wrp .mjtc-support-ticket-id.mjtc-copied-success svg{fill: #188f28;stroke-width: .5;}
div.ms-main-up-wrapper .mjtc-support-ticket-header h1 { font-size: 1.5em; font-weight: 700; color: var(--mjtc-color-2); line-height: 1.2; letter-spacing: -0.02em;}
div.mjtc-support-ticket-header-rightwrp{display: flex;align-items: center;flex-wrap: wrap;gap: 12px;}
div.ms-main-up-wrapper .mjtc-support-priority-btn { font-size: 0.9em; color: white; border: none; padding: 4px 12px; border-radius: 4px; min-height: 36px;min-width: 80px;font-weight: 700; text-transform: uppercase;box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
div.ms-main-up-wrapper .mjtc-support-header-tabs { display: flex; gap: 2em; margin-top: 1.1em; }
div.ms-main-up-wrapper .mjtc-support-tab-btn { background: none; border: none; padding: 0 0 1em 0; font-size: 0.95em; font-weight: 500; color: var(--mjtc-color-4); cursor: pointer; border-bottom: 2px solid transparent; transition: color 0.2s;}
div.ms-main-up-wrapper .mjtc-support-tab-btn:hover { color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .mjtc-support-tab-btn.active { color: var(--mjtc-color-1); border-bottom-color: var(--mjtc-color-1); font-weight: 600; }
div.ms-main-up-wrapper .mjtc-support-ticket-detailcont-main-wrapper .mjtc-support-count-badge { background: #eff6ff; color: var(--mjtc-color-1); font-size: 0.9em; padding:8px; border-radius: 20px; margin-left: 6px; font-weight: 700;border:none;display:inline-block;}
div.ms-main-up-wrapper .mjtc-support-thread { padding: 2.5em; flex: 1; max-width: 100%;max-height: 900px; overflow: auto; margin: 0 auto; width: 100%;}
div.ms-main-up-wrapper .mjtc-support-thread.majestice-support-credentials-container { padding:0; flex: 1; max-width: 100%;max-height: unset; overflow: auto; margin: 0 auto; width: 100%;}
div.ms-main-up-wrapper .mjtc-support-thread.majestice-support-credentials-container .mjtc-support-usercredentails-form-wrap{padding: 2.5em; flex: 1; max-width: 100%;max-height: 900px; overflow: auto; margin: 0 auto; width: 100%;}
div.ms-main-up-wrapper .mjtc-support-thread.majestice-support-credentials-container .mjtc-support-usercredentails-credentails-wrp{padding: 2.5em; flex: 1; max-width: 100%;max-height: 900px; overflow: auto; margin: 0 auto; width: 100%;}
div.ms-main-up-wrapper .mjtc-support-thread.majestice-support-credentials-container .mjtc-support-usercredentail-data-add-new-button-wrap{padding: 2.5em; flex: 1; max-width: 100%;max-height: 900px; overflow: auto; margin: 0 auto; width: 100%;}
div.ms-main-up-wrapper .mjtc-support-thread-item { position: relative; padding-left: 4.5em; margin-bottom: 2.5em; }
div.ms-main-up-wrapper .mjtc-support-timeline-line { position: absolute; left: 24px;top: 50px; bottom: -40px; width: 2px; background-color: var(--mjtc-color-6); z-index: 1;}
div.ms-main-up-wrapper .mjtc-support-thread-item:last-child .mjtc-support-timeline-line { display: none; }
div.ms-main-up-wrapper .mjtc-support-staff-img-wrapper { position: absolute; left: 0; top: 0; width: 48px; height: 48px; border-radius: 12px;background: var(--mjtc-color-7); border: 2px solid var(--mjtc-color-7); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);display: flex; align-items: center; justify-content: center; z-index: 2; overflow: hidden; font-weight: 700;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-staff-img-wrapper img { width: 100%; height: 100%; object-fit: cover; }
div.ms-main-up-wrapper .mjtc-support-thread-cnt { background: var(--mjtc-color-7); border: 1px solid var(--mjtc-color-6); border-radius: 12px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); overflow: hidden; position: relative;}
div.ms-main-up-wrapper .mjtc-support-thread-cnt::before {content: '';position: absolute;top: 16px;left: -6px;width: 12px;height: 12px;background: inherit;border-left: 1px solid var(--mjtc-color-6);border-bottom: 1px solid var(--mjtc-color-6);transform: rotate(45deg);background: #f8fafc;z-index: 3;}
div.ms-main-up-wrapper .mjtc-support-thread-data-header { padding: 1em 1.5em; background-color: #f8fafc; border-bottom: 1px solid var(--mjtc-color-6); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-thread-data-header .mjtc-support-internalnote-leftwrp strong{ color: var(--mjtc-color-2); font-weight: 600; }
div.ms-main-up-wrapper .mjtc-support-thread-data-header .mjtc-support-internalnote-leftwrp .mjtc-support-staff-badge{background-color: #fef08a;color: #854d0e; }
div.ms-main-up-wrapper .mjtc-support-thread-data-header .mjtc-support-internalnote-rightwrp{display: flex;align-items: center;gap: 10px;font-size: 0.75em;color: #94a3b8;font-weight: 500;}
div.ms-main-up-wrapper .agent-bubble .mjtc-support-thread-data-header{background: rgb(231 239 255);border-color: #e0e7ff;}
div.ms-main-up-wrapper .mjtc-support-thread-cnt.agent-bubble{background-color: #eff6ff;border-color: #e0e7ff;}
div.ms-main-up-wrapper .agent-bubble {background-color: #f8fafc;border-color: var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-thread-data.note-msg .mjtc-support-thread-time{font-size: 0.7em;color: var(--mjtc-color-5);background: var(--mjtc-color-7);padding: 2px 6px;border-radius: 4px;display: inline-block;margin-bottom: 0.5em;}
div.ms-main-up-wrapper .mjtc-support-thread-data.note-msg .mjtc-support-intenal-note-thread-time{font-size: 0.7em;color: var(--mjtc-color-5);background: var(--mjtc-color-7);padding:4px 6px 3px 6px;border-radius: 4px;display: inline-block;margin-bottom: 0.5em;display: flex;align-items: center;width: fit-content;gap: 5px;}
div.ms-main-up-wrapper .mjtc-support-thread-read-status-detail{display: none;position: absolute;top: -18px;right: -15px;font-size: 0.8em;}
div.ms-main-up-wrapper .mjtc-support-thread-cnt .mjtc-support-thread-data{width: 100%;display: flex;align-items: center;flex-wrap: wrap;flex:1 1 auto;justify-content: space-between;position: relative;}
div.ms-main-up-wrapper .mjtc-support-thread-cnt .mjtc-support-thread-data .mjtc-support-thread-read-status-wrp .mjtc-support-thread-read-status-btn{position:absolute;top: 6px;right: -25px;}
div.ms-main-up-wrapper .mjtc-support-thread-cnt.agent-bubble .mjtc-support-thread-data{width: 100%;display: flex;align-items: center;flex-wrap: wrap;flex:1 1 auto;justify-content: space-between;position: relative;}
div.ms-main-up-wrapper .mjtc-support-thread-cnt.agent-bubble .mjtc-support-thread-data .mjtc-support-thread-read-status-wrp .mjtc-support-thread-read-status-btn{position:relative;top:auto;right:auto;left: auto;bottom: auto;}
div.ms-main-up-wrapper .mjtc-support-thread-cnt.agent-bubble .mjtc-support-thread-data .mjtc-support-thread-read-status-wrp{margin-left: auto;}
div.ms-main-up-wrapper .mjtc-support-thread-cnt.agent-bubble .mjtc-support-thread-read-status-detail{top: auto; bottom: 7px;right: 30px;}
div.ms-main-up-wrapper .mjtc-support-thread-data-header-leftwrp { display: flex; align-items: center; gap: 0.6em; font-size: 0.9em; flex-wrap: wrap; }
div.ms-main-up-wrapper .mjtc-support-thread-data-header-leftwrp strong { color: var(--mjtc-color-2); font-weight: 600; }
div.ms-main-up-wrapper .mjtc-support-staff-badge { font-size: 0.8em; background: var(--mjtc-color-1); color: white; padding: 2px 8px; border-radius: 4px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;}
div.ms-main-up-wrapper .mjtc-support-thread-data.note-msg { padding: 1.5em 50px 1.5em 1.5em; font-size: 0.95em; line-height: 1.6; color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .mjtc-support-thread-cnt.agent-bubble .mjtc-support-thread-data.note-msg { padding: 1.5em;justify-content: flex-start;gap:1em;flex-direction: column;align-items: flex-start;}
div.ms-main-up-wrapper .mjtc-support-thread-cnt.agent-bubble .mjtc-support-thread-data.note-msg .mjtc-support-message-thread-data a{font-weight:bold;color:var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-thread-time-stamp { font-size: 0.75em; color: #94a3b8; font-weight: 500;}
div.ms-main-up-wrapper .mjtc-support-attachments-wrp { margin-top: 1.5em; border-top: 1px dashed var(--mjtc-color-6); padding-top: 1em;width: 100%;}
div.ms-main-up-wrapper .mjtc_supportattachment { display: flex; align-items: center; justify-content: space-between; background: var(--mjtc-color-7); padding: 0.75em 1em; border-radius: 6px; margin-bottom: 0.75em; font-size: 0.85em; border: 1px solid transparent;transition: all 0.2s ease-in-out;}
div.ms-main-up-wrapper .mjtc_supportattachment:hover { border-color: var(--mjtc-color-6); background: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
div.ms-main-up-wrapper .mjtc_supportattachment_fname { font-weight: 500; color: var(--mjtc-color-2); display: flex; align-items: center; gap: 10px; }
div.ms-main-up-wrapper .mjtc-download-button { font-size: 0.9em; color: var(--mjtc-color-4); font-weight: 600; text-decoration: none; border: 1px solid var(--mjtc-color-6); padding: 4px 10px; border-radius: 4px; background: white; transition: all 0.2s; margin-left:auto;display: flex;align-items: center;}
div.ms-main-up-wrapper .mjtc-download-button.venobox{ margin-left: 5px; }
div.ms-main-up-wrapper .mjtc-download-button:hover { background: var(--mjtc-color-3); color: var(--mjtc-color-2); border-color: #94a3b8; }
div.ms-main-up-wrapper .mjtc-all-download-button { display: inline-block; margin-top: 0.5em; font-size: 0.9em; color: var(--mjtc-color-8); text-decoration: none; font-weight: 600;}
div.ms-main-up-wrapper .mjtc-all-download-button:hover { text-decoration: underline; }
div.ms-main-up-wrapper .mjtc-support-thread-cnt-btm{display: flex;align-items: center;justify-content: flex-end;width: 100%;padding-top: 1em;margin-top: 1em;border-top: 1px dashed var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-thread-cnt-btm .mjtc-support-thread-actions{display: flex;align-items: center;gap:1em;flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-thread-cnt-btm .mjtc-support-thread-actions .mjtc-support-thread-actn-btn{display: flex;align-items: center;gap: .5em;padding: 10px;background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-7);border-radius: 6px;}
div.ms-main-up-wrapper .mjtc-history-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 0.85em; background: white; border-radius: 12px; border: 1px solid var(--mjtc-color-6); overflow: hidden; }
div.ms-main-up-wrapper .mjtc-history-table th { text-align: left; padding: 12px 16px; background: #f8fafc; color: var(--mjtc-color-4); border-bottom: 1px solid var(--mjtc-color-6); font-weight: 600; text-transform: uppercase; font-size: 0.9em; letter-spacing: 0.05em; }
div.ms-main-up-wrapper .mjtc-history-table td { padding: 12px 16px; border-bottom: 1px solid var(--mjtc-color-6); color: var(--mjtc-color-2); vertical-align: middle;}
div.ms-main-up-wrapper .mjtc-history-table tr:last-child td { border-bottom: none; }
div.ms-main-up-wrapper .mjtc-history-action { font-weight: 600; color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .mjtc-history-detail { color: var(--mjtc-color-4); }
div.ms-main-up-wrapper .mjtc-support-reply-forms-wrapper { background: var(--mjtc-color-7); border-top: 1px solid var(--mjtc-color-6); padding: 1.5em 2.5em; margin-top: auto; box-shadow: 0 -4px 12px rgba(0,0,0,0.03); z-index: 30;}
div.ms-main-up-wrapper .mjtc-support-reply-tabs { display: flex; gap: 0.5em; margin-bottom: -1px; position: relative; z-index: 2; padding-left: 10px; }
div.ms-main-up-wrapper .mjtc-support-reply-tab-btn { padding: 0.6em 1.25em; background: transparent; border: 1px solid transparent; border-bottom: none; border-radius: 8px 8px 0 0; color: var(--mjtc-color-4); cursor: pointer; font-size: 0.85em; font-weight: 600; display: flex; align-items: center; gap: 8px; transition: all 0.2s ease-in-out; }
div.ms-main-up-wrapper .mjtc-support-reply-tab-btn:hover { background: #f8fafc; }
div.ms-main-up-wrapper .mjtc-support-reply-tab-btn.active { background: var(--mjtc-color-7); border-color: var(--mjtc-color-6); color: var(--mjtc-color-1); border-bottom: 1px solid var(--mjtc-color-7); box-shadow: 0 -2px 4px rgba(0,0,0,0.02);}
div.ms-main-up-wrapper .mjtc-support-reply-tab-btn[data-mode="note"].active { background: #fefce8; color: #854d0e; border-color: #fde047; border-bottom-color: #fefce8; }
div.ms-main-up-wrapper #mjtc-public-reply-wrp, div.ms-main-up-wrapper #mjtc-private-note-wrp { border: 1px solid var(--mjtc-color-6); border-radius: 12px; background: var(--mjtc-color-7); padding: 1.5em; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); border-top-left-radius: 0; }
div.ms-main-up-wrapper .mode-note #mjtc-private-note-wrp { background: #fefce8; border-color: #fde047; }
div.ms-main-up-wrapper .mjtc-support-pemade-select:focus, div.ms-main-up-wrapper .inputbox:focus { border-color: var(--mjtc-color-1); background: white; box-shadow: 0 0 0 3px rgba(41, 26, 188, 0.1); }
div.ms-main-up-wrapper .wp-editor-wrap {max-width: 100%; border: 1px solid var(--mjtc-color-6); border-radius: 6px; overflow: hidden; margin-bottom: 1.5em; background: white; }
div.ms-main-up-wrapper .mjtc-support-text-editor-field-title { margin-bottom: 0.5em; font-weight: 600; font-size: 0.85em; color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .mjtc-support-append-signature-wrp,
div.ms-main-up-wrapper .mjtc-support-assigntome-wrp{margin-bottom: 1em;padding: 1em 0;border-bottom: 1px dashed var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-append-signature-wrp.mjtc-support-append-signature-wrp-full-width{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-closeonreply-wrp {flex-wrap: wrap; margin-bottom: 1em;padding: 1em 0;border-bottom: 1px dashed var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-append-field-title {font-size: 0.8em;font-weight: 600;color: var(--mjtc-color-4);margin-bottom: 0.5em;text-transform: uppercase;letter-spacing: 0.03em;}
div.ms-main-up-wrapper .mjtc-support-assigntome-field-title {font-size: 0.8em;font-weight: 600;color: var(--mjtc-color-4);margin-bottom: 0.5em;text-transform: uppercase;letter-spacing: 0.03em;}
div.ms-main-up-wrapper .mjtc-support-closeonreply-title {width:100%;margin-bottom: 0.5em; font-size: 0.8em;font-weight: 600;color: var(--mjtc-color-4);text-transform: uppercase;letter-spacing: 0.03em;}
div.ms-main-up-wrapper .mjtc-support-append-field-wrp {display: flex;flex-wrap: wrap;gap: 1.5em;}
div.ms-main-up-wrapper .mjtc-support-signature-radio-box,
div.ms-main-up-wrapper .mjtc-support-assigntome-field-wrp,
div.ms-main-up-wrapper .mjtc-replyFormStatus {display: flex;gap: 8px;font-size: 0.85em;color: var(--mjtc-color-2);font-weight: 500;}
div.ms-main-up-wrapper .mjtc-support-signature-radio-box{align-items: center;}
div.ms-main-up-wrapper input[type="checkbox"], 
div.ms-main-up-wrapper input[type="radio"] {accent-color: var(--mjtc-color-1);width: 16px;height: 16px;cursor: pointer;}
div.ms-main-up-wrapper .mjtc-sprt-det-right { width: 340px; flex-shrink: 0; background: var(--mjtc-color-7); border-left: 1px solid var(--mjtc-color-6); overflow-y: auto; z-index: 15; box-shadow: -4px 0 12px rgba(0,0,0,0.02); }
div.ms-main-up-wrapper .mjtc-sprt-det-cnt { padding: 1.5em; border-bottom: 1px solid var(--mjtc-color-6);border-top: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-sprt-det-hdg { font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.05em; color: var(--mjtc-color-4); font-weight: 700; margin-bottom: 1em; display: flex; justify-content: space-between; align-items: center; }
div.ms-main-up-wrapper .mjtc-sprt-det-hdg a { text-transform: none; color: var(--mjtc-color-8); font-weight: 600; font-size: 0.9em; }
div.ms-main-up-wrapper .mjtc-support-profile-row { display: flex; align-items: center; gap: 1em; margin-bottom: 1.25em; }
div.ms-main-up-wrapper .mjtc-support-profile-avatar { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; border: 1px solid var(--mjtc-color-6); flex-shrink: 0; }
div.ms-main-up-wrapper .mjtc-support-profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
div.ms-main-up-wrapper .mjtc-support-profile-userinfo { display: flex; flex-direction: column; }
div.ms-main-up-wrapper .mjtc-support-profile-company { font-size: 0.8em; color: var(--mjtc-color-4); margin-top: 2px; }
div.ms-main-up-wrapper .mjtc-support-profile-contact-item { display: flex; align-items: center; gap: 0.75em; font-size: 0.85em; color: var(--mjtc-color-4); margin-bottom: 0.75em; }
div.ms-main-up-wrapper .mjtc-support-profile-contact-link { color: var(--mjtc-color-1); font-weight: 500; }
div.ms-main-up-wrapper .mjtc-support-stats-wrp { display: flex; gap: 0.75em; margin-top: 1.5em; }
div.ms-main-up-wrapper .mjtc-support-stats-wrp a{flex: 1;}
div.ms-main-up-wrapper .mjtc-support-stat-box { background: #f8fafc; border: 1px solid var(--mjtc-color-6); padding: 0.75em 0.3em; border-radius: 8px; text-align: center; transition: all 0.2s ease-in-out; flex: 1; }
div.ms-main-up-wrapper .mjtc-support-stat-box:hover { background: white; border-color: #94a3b8; transform: translateY(-2px); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }
div.ms-main-up-wrapper .mjtc-support-stat-val { display: block; font-weight: 800; color: var(--mjtc-color-2); font-size: 1.1em; margin-bottom: 2px; }
div.ms-main-up-wrapper .mjtc-support-stat-label { font-size: 11px; text-transform: uppercase; color: var(--mjtc-color-5); font-weight: 600; letter-spacing: 0.05em; }
div.ms-main-up-wrapper .mjtc-support-sidebar-bg { background-color: #f8fafc; }
div.ms-main-up-wrapper .mjtc-support-sidebar-widget-item {margin-bottom: 1.25em;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;gap: 0.5em;}
div.ms-main-up-wrapper .mjtc-support-sidebar-widget-item .mjtc-support-priorty-save{background: linear-gradient(135deg, var(--mjtc-color-1), var(--mjtc-color-8));color: var(--mjtc-color-7);border: none;border-radius: 5px;padding: 10px;font-weight: 600; font-size: 0.75em;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 10px 20px -5px rgba(41, 26, 188, 0.4);margin-bottom: 0.5em;}
div.ms-main-up-wrapper .mjtc-support-field-label {font-size: 0.8em; font-weight: 600; color: var(--mjtc-color-4); margin-bottom: 0.5em;}
div.ms-main-up-wrapper .mjtc-support-form-select { width: 100%; padding: 0.6em; border: 1px solid var(--mjtc-color-6); border-radius: 6px; background-color: var(--mjtc-color-7); color: var(--mjtc-color-2); font-size: 0.85em; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
div.ms-main-up-wrapper .mjtc-support-assignee-box { display: flex; align-items: center; gap: 0.75em; padding: 0.6em 0.75em; border: 1px solid var(--mjtc-color-6); border-radius: 6px; background: var(--mjtc-color-7); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
div.ms-main-up-wrapper .mjtc-support-assignee-img-wrp { width: 28px; height: 28px; background: var(--mjtc-color-1); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.7em; font-weight: bold; }
div.ms-main-up-wrapper .mjtc-support-assignee-name { font-size: 0.85em; font-weight: 500; color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .mjtc-support-ticket-props-edit-notice, div.ms-main-up-wrapper .mjtc-support-ticket-creation-wrp, div.ms-main-up-wrapper .mjtc-support-last-reply-wrp, div.ms-main-up-wrapper .mjtc-support-ticket-id-wrp, div.ms-main-up-wrapper .mjtc-support-ticket-status-wrp, div.ms-main-up-wrapper .mjtc-support-closed-by-wrp, div.ms-main-up-wrapper .mjtc-support-closed-on-wrp, div.ms-main-up-wrapper .mjtc-support-helptopic-wrp { display: flex; justify-content: space-between; font-size: 0.8em; margin-bottom: 0.75em; align-items: flex-start;gap:5px; border-bottom: 1px dashed var(--mjtc-color-6); padding-bottom: 0.5em; }
div.ms-main-up-wrapper div.mjtc-support-ticket-props-edit-notice .mjtc-support-ticket-props-edit-notice-val .mjtc-sprt-det-hdg-btn{border: none;cursor: pointer;transition: all 0.2s ease;display: inline-flex;align-items: center;justify-content: center;gap: 10px;text-decoration: none;width: fit-content;font-size: 0.8em;font-weight: 600;}
div.ms-main-up-wrapper .mjtc-support-ticket-props-edit-notice:last-child { border-bottom: none}
div.ms-main-up-wrapper .mjtc-support-ticket-props-edit-notice-txt, div.ms-main-up-wrapper .mjtc-support-ticket-creation-txt, div.ms-main-up-wrapper .mjtc-support-last-reply-txt, div.ms-main-up-wrapper .mjtc-support-ticket-id-txt, div.ms-main-up-wrapper .mjtc-support-ticket-status-txt, div.ms-main-up-wrapper .mjtc-support-closed-by-txt, div.ms-main-up-wrapper .mjtc-support-closed-on-txt, div.ms-main-up-wrapper .mjtc-support-helptopic-txt{ color: var(--mjtc-color-5); font-weight: 500; }
div.ms-main-up-wrapper .mjtc-support-ticket-props-edit-notice-val, div.ms-main-up-wrapper .mjtc-support-ticket-creation-val, div.ms-main-up-wrapper .mjtc-support-last-reply-val, div.ms-main-up-wrapper .mjtc-support-ticket-id-val, div.ms-main-up-wrapper .mjtc-support-ticket-status-val, div.ms-main-up-wrapper .mjtc-support-closed-by-val, div.ms-main-up-wrapper .mjtc-support-closed-on-val, div.ms-main-up-wrapper .mjtc-support-helptopic-val{ font-weight: 600; color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .mjtc-sprt-det-right .mjtc-support-ticket-props-edit-notice-val, div.ms-main-up-wrapper .mjtc-sprt-det-right .mjtc-support-ticket-creation-val, div.ms-main-up-wrapper .mjtc-sprt-det-right .mjtc-support-last-reply-val, div.ms-main-up-wrapper .mjtc-sprt-det-right .mjtc-support-ticket-id-val, div.ms-main-up-wrapper .mjtc-sprt-det-right .mjtc-support-ticket-status-val, div.ms-main-up-wrapper .mjtc-sprt-det-right .mjtc-support-closed-by-val, div.ms-main-up-wrapper .mjtc-sprt-det-right .mjtc-support-closed-on-val, div.ms-main-up-wrapper .mjtc-sprt-det-right .mjtc-support-helptopic-val{text-align: end;}
div.ms-main-up-wrapper .mjtc-sprt-det-user { display: flex; gap: 12px; margin-bottom: 12px; border: 1px solid var(--mjtc-color-6); padding: 10px; border-radius: 8px; background: white; transition: all 0.2s ease-in-out; }
div.ms-main-up-wrapper .mjtc-sprt-det-user:hover { border-color: #94a3b8; transform: translateY(-1px); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }
div.ms-main-up-wrapper .mjtc-sprt-det-user-image img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
div.ms-main-up-wrapper .mjtc-sprt-det-user-val a { font-size: 0.85em; font-weight: 600; color: var(--mjtc-color-1); display: block; margin-bottom: 4px; line-height: 1.3; }
div.ms-main-up-wrapper .mjtc-sprt-det-user-data { font-size: 0.9em; color: var(--mjtc-color-5); display: flex; align-items: center; }
div.ms-main-up-wrapper .mjtc-sprt-det-prty { color: white; padding: 2px 6px; border-radius: 4px; font-weight: 700; font-size: 0.8em; margin-right: 6px; text-transform: uppercase; }
div.ms-main-up-wrapper .mjstc-support-custom-field-item { display: flex; justify-content: space-between; font-size: 0.8em; margin-bottom: 0.75em; align-items: flex-start;gap:5px; border-bottom: 1px dashed var(--mjtc-color-6); padding-bottom: 0.5em; }
div.ms-main-up-wrapper .mjtc-support-custom-field-title { color: var(--mjtc-color-5); font-weight: 500; }
div.ms-main-up-wrapper .mjtc-support-custom-field-value { font-weight: 600; color: var(--mjtc-color-2); text-align: right; max-width: 60%; word-break: break-word;}
div.ms-main-up-wrapper .mjtc-sprt-wc-order-box { margin-top: 1em; font-size: 0.8em; background: #f8fafc; padding: 1em; border-radius: 8px; border: 1px solid var(--mjtc-color-6); }
div.ms-main-up-wrapper .mjtc-sprt-wc-order-item { display: flex; justify-content: space-between; margin-bottom: 0.6em; align-items: center; }
div.ms-main-up-wrapper .mjtc-sprt-wc-order-item:last-child { margin-bottom: 0; }
div.ms-main-up-wrapper .mjtc-sprt-wc-order-item-title { color: var(--mjtc-color-5); font-weight: 500; }
div.ms-main-up-wrapper .mjtc-sprt-wc-order-item-value { color: var(--mjtc-color-2); font-weight: 700; }
div.ms-main-up-wrapper .mjtc-sprt-wc-order-item-link { display: block; margin-top: 1em; color: var(--mjtc-color-1); font-size: 0.8em; text-decoration: none; font-weight: 600; text-align: center; padding-top: 0.5em; border-top: 1px solid var(--mjtc-color-6); }
div.ms-main-up-wrapper .mjtc-sprt-wc-order-item-link:hover { text-decoration: underline; }
div.ms-main-up-wrapper .mjtc-support-closed-reason-wrp { font-size: 0.85em; color: var(--mjtc-color-2); padding: 0.5em 0; }
div.ms-main-up-wrapper .mjtc-sprt-det-info-data { margin-bottom: 0.5em; display: flex; align-items: center; gap: 6px;}
div.ms-main-up-wrapper .mjtc-sprt-det-info-data::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--mjtc-color-5); display: inline-block;min-width:6px;}
div.ms-main-up-wrapper .mjtc-support-closed-reason-wrp .mjtc-sprt-det-info-data{align-items:baseline;}
div.ms-main-up-wrapper .mjtc-sprt-det-info-val { font-weight: 500; }
div.ms-main-up-wrapper .mjtc-sprt-det-tkt-assign { padding: 0; }
div.ms-main-up-wrapper .mjtc-sprt-det-tkt-asgn-cnt .mjtc-sprt-det-hdg { margin-bottom: 0.5em; text-transform: none; font-size: 0.8em; color: var(--mjtc-color-5); }
div.ms-main-up-wrapper .mjtc-sprt-det-tkt-asgn-cnt .mjtc-sprt-det-hdg-txt { flex: 1; }
div.ms-main-up-wrapper .mjtc-sprt-det-hdg-btn { font-size: 0.75em; color: var(--mjtc-color-8); font-weight: 600; }
div.ms-main-up-wrapper .mjtc-sprt-det-info-wrp { margin-top: 0.5em; }
div.ms-main-up-wrapper .mjtc-sprt-det-trsfer-dep { margin-top: 1em; padding-top: 0.75em; border-top: 1px dashed var(--mjtc-color-6); }
div.ms-main-up-wrapper .mjtc-sprt-det-trsfer-dep-txt { display: flex; justify-content: space-between; align-items: center; font-size: 0.8em; color: var(--mjtc-color-2); font-weight: 600; }
div.ms-main-up-wrapper .mjtc-sprt-det-trsfer-dep-txt-tit { color: var(--mjtc-color-5); font-weight: 500; margin-right: 5px; }
div.ms-main-up-wrapper .ms-popup-background, div.ms-main-up-wrapper #userpopupblack { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15, 23, 42, 0.6); z-index: 99; backdrop-filter: blur(2px);}
div.ms-main-up-wrapper .ms-popup-wrapper, div.ms-main-up-wrapper #popupfordepartmenttransfer{width: 100%;max-width: 1080px;max-height: 80%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white;border-radius: 12px; z-index: 100;overflow: hidden; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);overflow-y: auto;}
div.ms-main-up-wrapper #popupfordepartmenttransfer .mjtc-support-premade-field-wrp{width: 100%;margin-bottom: 1.5rem;}
div.ms-main-up-wrapper .ms-popup-header { display: flex; justify-content: space-between; border-bottom: 1px solid var(--mjtc-color-6); padding-bottom: 16px; margin-bottom: 20px; font-weight: 700; font-size: 1.1em; color: var(--mjtc-color-2); }
div.ms-main-up-wrapper div.mjtc-det-tkt-rply-frm{max-width: 100%;}
div.ms-main-up-wrapper div.mjtc-support-ticket-props-wrp .mjtc-sprt-det-copy-id{width: fit-content;}
div.ms-main-up-wrapper div.mjtc-support-ticket-props-wrp .mjtc-sprt-det-copy-id svg{width:16px;height: 16px;fill:none;color: var(--mjtc-color-5);stroke: currentColor;}
div.ms-main-up-wrapper div.mjtc-support-ticket-props-wrp .mjtc-sprt-det-copy-id{color: var(--mjtc-color-5);}
div.ms-main-up-wrapper div.mjtc-support-ticket-props-wrp .mjtc-sprt-det-copy-id.mjtc-copied-success svg{fill: #188f28;}
div.ms-main-up-wrapper div.mjtc-support-pemade-field-wrp{display: flex;align-items: center;gap: 15px;flex: 1 1 auto;}
div.ms-main-up-wrapper form{max-width: 100%;width:100%;}
div.ms-main-up-wrapper .mjtc-support-permission-warning{display: flex;align-items: center;gap: 5px;background-color: #fef3c7;border: 1px solid #fde68a;padding: 3px 5px;border-radius: 5px;color: #92400e;font-size: 0.75em;margin-bottom: 0.5em;margin-right: auto;}
div.ms-main-up-wrapper .mjtc-support-permission-warning svg{fill:none;}
div.ms-main-up-wrapper .mjtc-sidebar-btn-grid{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-sidebar-btn-grid .mjtc-sidebar-action-btn{display: flex;align-items: center;justify-content: center;gap: 6px;padding: 0.5em 0.5em;font-size: 0.85em;font-weight: 600;border-radius: 6px;border: 1px solid;cursor: pointer;transition: all 0.2s ease-in-out;min-width:fit-content;flex: 1 1 auto;text-decoration: none;width: calc(100% / 2 - 10px);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);min-height: 40px;}
div.ms-main-up-wrapper div.mjtc-support-reply-form-button-wrp{display: flex;justify-content: flex-end;gap: 10px;}
div.ms-main-up-wrapper .mjtc-support-top-sec-header.mjtc-support-ticketdetail-topsec-header{flex-wrap: wrap;min-height: 140px;padding-bottom: 2em;}
div.ms-main-up-wrapper .mjtc-support-top-sec-header.mjtc-support-ticketdetail-topsec-header .mjtc-support-main-heading {width: 100%;padding-bottom: 1.3em;}
div.ms-main-up-wrapper .mjtc-support-top-sec-header.mjtc-support-ticketdetail-topsec-header .mjtc-sprt-left-status-wrp{margin-bottom: 0;}
div.ms-main-up-wrapper .mjtc-support-top-sec-header.mjtc-support-ticketdetail-topsec-header .mjtc-support-ticket-header-topwrp{margin-bottom: 0;}
div.ms-main-up-wrapper .mjtc-support-top-sec-header.mjtc-support-ticketdetail-topsec-header .mjtc-support-top-sec-right-header{display:flex;align-items: center;gap: 15px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper.mjtc-support-ticket-detailcont-main-wrapper{padding:0;}
/* internal note */
div.ms-main-up-wrapper .mjtc-det-tkt-form-fields-wrp,div.ms-main-up-wrapper .mjtc-support-internalnote-wrp {background-color: var(--mjtc-color-3);border: 1px solid var(--mjtc-color-6);border-radius: 12px;padding: 12px 20px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 15px;margin-bottom: 1.5em;}
div.ms-main-up-wrapper .mjtc-support-premade-msg-wrp {display: flex;align-items: center;gap: 12px;flex: 1;flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-internalnote-field-title{font-weight: 500;color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-support-premade-field-title {font-weight: 600;font-size: 0.9em;color: var(--mjtc-color-2);margin: 0;}
div.ms-main-up-wrapper .mjtc-support-premade-field-wrp{display:flex;flex-wrap: wrap;gap: 10px;}
div.ms-main-up-wrapper .mjtc-support-premade-field-wrp .mjtc-support-premade-select{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 40px;padding: 0.5em 15px;background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 6px;color: var(--mjtc-color-4);font-size: 0.85em;font-weight: 600;cursor: pointer;transition: all 0.2s ease-in-out;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}
div.ms-main-up-wrapper .mjtc-support-premade-field-wrp .mjtc-support-apend-radio-btn{display:flex;align-items:center;}
div.ms-main-up-wrapper .mjtc-support-premade-select {padding: 8px 12px;border-radius: 6px;border: 1px solid var(--mjtc-color-6);background-color: var(--mjtc-color-7);min-width: 200px;font-size: 0.9em;}
div.ms-main-up-wrapper .mjtc-timer-display-boxwrp {margin-left: auto;}
div.ms-main-up-wrapper .mjtc-support-reply-footer {display: flex;justify-content: space-between;align-items: center;background-color: var(--mjtc-color-3);padding: 16px 20px;border-radius: 12px;border: 1px solid var(--mjtc-color-6);margin-top: 1.5em;flex-wrap: wrap;gap: 1em;}
div.ms-main-up-wrapper .mjtc-support-reply-footer-left {display: flex;gap: 2em;align-items: center;flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-reply-footer .mjtc-support-append-signature-wrp,div.ms-main-up-wrapper .mjtc-support-reply-footer .mjtc-support-closeonreply-wrp {margin: 0;padding: 0;border: none;}
div.ms-main-up-wrapper .mjtc-support-reply-footer .mjtc-support-reply-form-button-wrp {margin: 0;padding: 0;}
div.ms-main-up-wrapper .mode-note .mjtc-support-internalnote-wrp,div.ms-main-up-wrapper .mode-note .mjtc-support-reply-footer {background-color: #fefce8;border-color: #fde047;}
div.ms-main-up-wrapper .mjtc-support-internalnote-field-wrp {flex: 1;}
div.ms-main-up-wrapper .mjtc-support-internalnote-field-wrp input {width: 100%;border: 1px solid var(--mjtc-color-6);border-radius: 6px;padding: 8px 12px;}
div.ms-main-up-wrapper .mode-note .mjtc-support-internalnote-field-wrp input {border-color: #fde047;}
/* ai suggestions */
.mjtc-support-hidden{display: none;}
div.ms-main-up-wrapper #mjtc-ai-suggestions-panel {background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);border: 2px solid var(--mjtc-color-1);border-radius: 12px;box-shadow: 0 10px 25px -5px rgba(41, 26, 188, 0.15);margin-bottom: 1.5em;padding: 0;overflow: hidden;display: none;}
div.ms-main-up-wrapper #mjtc-ai-suggestions-panel .mjtc-support-filter-select {height: auto;padding: 6px 20px 6px 6px;}
div.ms-main-up-wrapper .mjtc-ai-inner-panel {padding: 2em 2.5em;background-image: radial-gradient(circle at 100% 0%, rgba(41, 26, 188, 0.04) 0%, transparent 25%);}
div.ms-main-up-wrapper .mjtc-ai-panel-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5em;}
div.ms-main-up-wrapper .mjtc-ai-panel-title {font-size: 1.1em;font-weight: 800;color: var(--mjtc-color-1);display: flex;align-items: center;gap: 10px;letter-spacing: -0.01em;}
div.ms-main-up-wrapper .mjtc-ai-panel-title svg {width: 22px;height: 22px;stroke: currentColor;fill: none;stroke-width: 2;}
div.ms-main-up-wrapper .mjtc-ai-panel-close {background: white;border: 1px solid var(--mjtc-color-6);color: var(--mjtc-color-4);padding: 6px 12px;border-radius: 50px;font-size: 0.8em;font-weight: 600;display: inline-flex;align-items: center;gap: 6px;cursor: pointer;transition: all 0.2s ease;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);}
div.ms-main-up-wrapper .mjtc-ai-panel-close:hover {background: #fef2f2;color: #ef4444;border-color: #fecaca;}
div.ms-main-up-wrapper .mjtc-ai-cards-container {display: grid;gap: 1.5em;cursor: pointer;}
div.ms-main-up-wrapper .mjtc-ai-card {background: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 12px;padding: 1.5em;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);transition: all 0.3s ease;position: relative;display: flex;flex-direction: column;}
div.ms-main-up-wrapper .mjtc-ai-card:hover {border-color: var(--mjtc-color-1);box-shadow: 0 10px 15px -3px rgba(41, 26, 188, 0.08);transform: translateY(-2px);}
div.ms-main-up-wrapper .mjtc-ai-card-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1em;}
div.ms-main-up-wrapper .mjtc-ai-match-badge {font-size: 0.75em;font-weight: 700;padding: 4px 8px;border-radius: 6px;display: inline-flex;align-items: center;gap: 4px;}
div.ms-main-up-wrapper .mjtc-ai-match-badge.high-match {background: #ecfdf5;color: #059669;border: 1px solid #a7f3d0;}
div.ms-main-up-wrapper .mjtc-ai-match-badge.high-match svg{fill: none;}
div.ms-main-up-wrapper .mjtc-ai-match-badge.med-match {background: #fffbeb;color: #d97706;border: 1px solid #fcd34d;}
div.ms-main-up-wrapper .mjtc-ai-card-source {font-size: 0.75em;font-weight: 600;color: var(--mjtc-color-5);}
div.ms-main-up-wrapper .mjtc-ai-card-title {font-size: 1em;font-weight: 700;color: var(--mjtc-color-2);margin: 0 0 0.75em 0;line-height: 1.3;}
div.ms-main-up-wrapper .mjtc-ai-card-snippet {font-size: 0.85em;line-height: 1.6;color: var(--mjtc-color-4);margin-bottom: 1.5em;flex-grow: 1;background: var(--mjtc-color-3);padding: 12px;border-radius: 8px;border: 1px solid var(--mjtc-color-6);font-style: italic;}
div.ms-main-up-wrapper .mjtc-ai-card-actions {display: flex;gap: 10px;margin-top: auto;}
div.ms-main-up-wrapper .mjtc-ai-action-btn {flex: 1;display: inline-flex;    align-items: center;justify-content: center;gap: 6px;padding: 8px 12px;border-radius: 6px;font-size: 0.85em;font-weight: 600;cursor: pointer;transition: all 0.2s ease;text-decoration: none;}
div.ms-main-up-wrapper .mjtc-ai-action-btn.primary {background: #eff6ff;color: var(--mjtc-color-1);border: 1px solid #bfdbfe;}
div.ms-main-up-wrapper .mjtc-ai-action-btn.primary:hover {background: var(--mjtc-color-1);color: white;border-color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-ai-action-btn.secondary {background: white;color: var(--mjtc-color-4);border: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-ai-action-btn.secondary:hover {background: var(--mjtc-color-3);color: var(--mjtc-color-2);border-color: var(--mjtc-color-5);} 
/* internal note */
div.ms-main-up-wrapper .mjtc-support-thread-data.note-msg .mjtc-support-rows-wrp{width: 100%;padding: 10px 0;}
div.ms-main-up-wrapper .mjtc-support-thread-data.note-msg .mjtc-support-field-value-t{font-weight: bold;}
div.ms-main-up-wrapper #ms-note-edit-form .mjtc-form-wrapper{border: unset;padding: 0;margin-bottom:2em;}
div.ms-main-up-wrapper #ms-note-edit-form .mjtc-form-wrapper .mjtc-form-title{font-weight:500;font-size:0.9em;}
div.ms-main-up-wrapper #ms-note-edit-form .mjtc-form-button-wrapper{display: flex;align-items: center;gap: 1em;justify-content: flex-end;}
div.ms-main-up-wrapper #ms-note-edit-form .mjtc-form-button-wrapper input:first-child{background: linear-gradient(135deg, var(--mjtc-color-1), var(--mjtc-color-8));color: var(--mjtc-color-7);border: none;border-radius: 50px;padding: 1em 3em;font-weight: 700;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 10px 20px -5px rgba(41, 26, 188, 0.4);line-height: 2;}
div.ms-main-up-wrapper #ms-note-edit-form .mjtc-form-button-wrapper input:nth-child(2){background-color: var(--mjtc-color-7);color: var(--mjtc-color-4);border: 1px solid var(--mjtc-color-6);padding: 12px 28px;border-radius: 8px;font-weight: 600;font-size: 0.9em;text-decoration: none;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in-out;cursor: pointer;line-height: 2;}
/* ticket close reason */
div.ms-main-up-wrapper .close-reason-header {font-size: 18px;font-weight: 700;color: var(--mjtc-color-2);margin-bottom: 20px;line-height: 1.4;}
div.ms-main-up-wrapper .close-reason-body {margin-bottom: 20px;display: flex;align-items: baseline;flex-wrap: wrap;gap:6px;}
div.ms-main-up-wrapper .close-reason-body input[type="checkbox"] {margin-right: 10px;width: 16px;height: 16px;cursor: pointer;accent-color: var(--mjtc-color-1);vertical-align: middle;}
div.ms-main-up-wrapper .close-reason-body label {font-size: 15px;color: var(--mjtc-color-4);cursor: pointer;vertical-align: middle;display: inline-block;width: calc(100% - 37px);margin-bottom:0;}
div.ms-main-up-wrapper label{margin-bottom:0;}
div.ms-main-up-wrapper .ms-popup-other-reason-box-wrp {margin-top: 10px;width:100%;}
div.ms-main-up-wrapper .ms-popup-other-reason-box {width: 100%;padding: 12px;border: 1px solid var(--mjtc-color-6);border-radius: 8px;font-size: 14px;color: var(--mjtc-color-2);background-color: #fcfcfc;box-sizing: border-box;min-height: 80px;font-family: inherit;resize: vertical;}
div.ms-main-up-wrapper .ms-popup-other-reason-box:focus {outline: none;border-color: var(--mjtc-color-5);background-color: #fff;}
div.ms-main-up-wrapper .close-reason-footer {font-size: 13px;color: var(--mjtc-color-5);font-style: italic;line-height: 1.5;background-color: #f8fafc;padding: 15px;border-radius: 8px;border: 1px dashed var(--mjtc-color-6);}
div.ms-main-up-wrapper .ticket-close-reason-footer {padding: 20px 24px;background-color: #fcfcfc;display: flex;justify-content: flex-end;gap: 10px;flex-wrap: wrap;}
div.ms-main-up-wrapper .ticket-close-reason-btn {padding: 10px 20px;border-radius: 6px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.2s;text-align: center;display: inline-block;}
div.ms-main-up-wrapper .ticket-close-reason-cancel-btn {background-color: transparent;color: var(--mjtc-color-4);border: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .ticket-close-reason-cancel-btn:hover {background-color: var(--mjtc-color-6);color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .ticket-close-reason-submit-btn {background-color: var(--mjtc-color-1);color: #fff;border: 1px solid var(--mjtc-color-1);}
div.ms-main-up-wrapper .ticket-close-reason-submit-btn:hover {opacity: 0.9;box-shadow: 0 2px 4px rgba(41, 26, 188, 0.2);}
div#ticketclosereason div.ticket-close-reason-header div.close-reason-body .ms-popup-other-reason-box-wrp{display: none;width: 100%;}
/* ai suggestion message */
div.ms-main-up-wrapper .mjtc-support-modal-message {font-size: 1.1em;font-weight: 600;color: var(--mjtc-color-2);margin-bottom: 1.5em;}
div.ms-main-up-wrapper .mjtc-support-modal-close-button {background: var(--mjtc-color-1);color: white;border: none;padding: 10px 32px;border-radius: 6px;font-weight: 600;font-size: 0.9em;cursor: pointer;transition: all 0.2s ease;}
div.ms-main-up-wrapper .mjtc-support-modal-content {background: white;padding: 2.5em 2em;border-radius: 12px;text-align: center;min-width: 320px;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);animation: modalPopIn 0.2s cubic-bezier(0.16, 1, 0.3, 1);}
/* --- 7. REPLY AREA --- */
div.ms-main-up-wrapper .mjtc-support-reply-forms-wrapper { background: var(--mjtc-color-7); border-top: 1px solid var(--mjtc-color-6); padding: 1.5em 2.5em; margin-top: auto; box-shadow: 0 -4px 12px rgba(0,0,0,0.03); z-index: 30;}
div.ms-main-up-wrapper .mjtc-support-reply-tabs { display: flex; gap: 0.5em; margin-bottom: -1px; position: relative; z-index: 2; padding-left: 10px; }
div.ms-main-up-wrapper .mjtc-support-reply-tab-btn { padding: 0.6em 1.25em; background: transparent; border: 1px solid transparent; border-bottom: none; border-radius: 8px 8px 0 0; color: var(--mjtc-color-4); cursor: pointer; font-size: 0.85em; font-weight: 600; display: flex; align-items: center; gap: 8px; transition: all 0.2s ease-in-out; }
div.ms-main-up-wrapper .mjtc-support-reply-tab-btn:hover { background: #f8fafc; }
div.ms-main-up-wrapper .mjtc-support-reply-tab-btn.active { background: var(--mjtc-color-7); border-color: var(--mjtc-color-6); color: var(--mjtc-color-1); border-bottom: 1px solid var(--mjtc-color-7); box-shadow: 0 -2px 4px rgba(0,0,0,0.02);}
div.ms-main-up-wrapper .mjtc-support-reply-tab-btn[data-mode="note"].active { background: #fefce8; color: #854d0e; border-color: #fde047; border-bottom-color: #fefce8; }
div.ms-main-up-wrapper #mjtc-public-reply-wrp, div.ms-main-up-wrapper #mjtc-private-note-wrp { border: 1px solid var(--mjtc-color-6); border-radius: 12px; background: var(--mjtc-color-7); padding: 1.5em; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); border-top-left-radius: 0; }
div.ms-main-up-wrapper .mode-note #mjtc-private-note-wrp { background: #fefce8; border-color: #fde047; }
div.ms-main-up-wrapper #mjtc-public-reply-wrp{flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-pemade-msg-wrp { margin-bottom: 1em; font-size: 0.85em; color: var(--mjtc-color-4); display: flex; align-items: center; gap: 1.5em; font-weight: 500;width: 100%; }
div.ms-main-up-wrapper .mjtc-support-closeonreply-wrp {width: 100%; margin-bottom: 1em;color: var(--mjtc-color-4); display: flex; align-items: center;font-weight: 500;width: 100%; }
div.ms-main-up-wrapper .mjtc-support-pemade-row { display: flex; align-items: center; gap: 0.75em; flex-wrap: wrap; width: 100%;}
div.ms-main-up-wrapper .mjtc-ai-suggestion-btn {background-color: #eff6ff;color: var(--mjtc-color-1);border: 1px solid #dbeafe;padding: 8px 16px;border-radius: 6px;font-size: 0.85em;font-weight: 600;cursor: pointer;display: flex;align-items: center;gap: 6px;transition: all 0.2s;}
div.ms-main-up-wrapper .mjtc-ai-suggestion-btn:hover {background-color: #dbeafe;border-color: #bfdbfe;}
div.ms-main-up-wrapper .mjtc-ai-suggestion-btn-live {background-color: #ecfdf5; color: #10b981; border: 1px solid #d1fae5;padding: 8px 16px;border-radius: 6px;font-size: 0.85em;font-weight: 600;cursor: pointer;display: flex;align-items: center;gap: 6px;transition: all 0.2s;height: 36px;}
div.ms-main-up-wrapper .mjtc-ai-suggestion-btn-live:hover {background-color: #d1fae5;border-color: #a7f3d0;}
div.ms-main-up-wrapper .mjtc-live-indicator {width: 8px; height: 8px; background: #10b981; border-radius: 50%; box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2);}
div.ms-main-up-wrapper .wp-editor-wrap { border: 1px solid var(--mjtc-color-6); border-radius: 6px; overflow: hidden; margin-bottom: 1.5em; background: white; }
div.ms-main-up-wrapper .mjtc-support-text-editor-field-title { margin-bottom: 0.5em; font-weight: 600; font-size: 0.85em; color: var(--mjtc-color-2);}
/* Scrollbars */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
/* merge ticket popup */
/* =========================================
   NEW CSS FOR "MERGE TICKET" POPUP
   ========================================= */
div.ms-main-up-wrapper .userpopup-heading {font-size: 1.1em; font-weight: 700; color: var(--mjtc-color-2);}
/* Content Padding */
div.ms-main-up-wrapper .ms-merge-popup-wrapper .mjtc-support-cont-main-wrapper{padding: 0em 2.5em !important; /* Reset */}
/* Search Form Styling */
div.ms-main-up-wrapper .mjtc-popup-search {padding: 0 20px; margin-bottom: 20px;}
div.ms-main-up-wrapper .mjtc-form-wrapper {background-color: var(--mjtc-color-7);padding: 20px; border-radius: 8px; border: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-form-wrapper.system-time-div{margin-bottom: 2em;}
div.ms-main-up-wrapper .mjtc-form-title {font-weight: 700; color: var(--mjtc-color-2); margin-bottom: 15px;}
div.ms-main-up-wrapper .mjtc-merge-form-wrp {display: flex; gap: 15px; margin-bottom: 15px;}
div.ms-main-up-wrapper .mjtc-merge-form-value { flex: 1;}
div.ms-main-up-wrapper .mjtc-merge-field {width: 100%;border: 1px solid var(--mjtc-color-6); border-radius: 8px; font-size: .9em;box-sizing: border-box; background-color: #fcfcfc;}
div.ms-main-up-wrapper .mjtc-merge-field:focus {outline: none; border-color: var(--mjtc-color-5);}
div.ms-main-up-wrapper .mjtc-merge-form-btn-wrp {display: flex; gap: 10px; justify-content: flex-end;}
div.ms-main-up-wrapper .mjtc-merge-button {padding: 14px 30px; border-radius: 6px; border: none; cursor: pointer; font-weight: 600;}
div.ms-main-up-wrapper .mjtc-search { background-color: var(--mjtc-color-1); color: #fff; }
div.ms-main-up-wrapper .mjtc-cancel { background-color: var(--mjtc-color-6); color: var(--mjtc-color-4); }
div.ms-main-up-wrapper .mjtc-search:hover { opacity: 0.9;}
div.ms-main-up-wrapper .mjtc-over-lay {position: absolute; top: 0; left: 0; right: 0; bottom: 0;background: rgba(0,0,0,0.3);display: flex; align-items: center; justify-content: center;opacity: 0; transition: opacity 0.2s ease-in-out;z-index: 5;}
div.ms-main-up-wrapper .mjtc-support-ticket-wrapper:hover .mjtc-over-lay {opacity: 1;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-ticket-wrapper .mjtc-merge-ticket-overlay{width: 100%;}
div.ms-main-up-wrapper a.mjtc-merge-btn {background-color: var(--mjtc-color-1); color: #fff; padding: 10px 24px; border-radius: 6px; text-decoration: none; font-weight: 600; box-shadow: 0 4px 10px rgba(41, 26, 188, 0.2);transform: translateY(10px); transition: transform 0.2s;}
div.ms-main-up-wrapper .mjtc-support-ticket-wrapper:hover a.mjtc-merge-btn {transform: translateY(0);}
div.ms-main-up-wrapper .mjtc-form-button-wrapper-merge {padding: 16px 24px; text-align: right;border-top: 1px solid var(--mjtc-color-6); background-color: var(--mjtc-color-7);border-radius: 0 0 12px 12px;position: sticky; bottom: 0; z-index: 10;}
div.ms-main-up-wrapper .mjtc-merge-cancel-btn {padding: 10px 24px; background-color: var(--mjtc-color-6); border: none; border-radius: 6px; cursor: pointer; color: var(--mjtc-color-2); font-weight: 600;}
div.ms-main-up-wrapper .mjtc-merge-cancel-btn:hover { background-color: #cbd5e1; }
/* edit */
div.ms-main-up-wrapper .edit-time-popup {padding: 24px;}
/* login page */
div.ms-main-up-wrapper .mjtc-transparent-header-img1 {background: var(--mjtc-color-7);padding: 10px;border-radius: 16px;width: 64px;height: 64px;object-fit: contain;box-shadow: 0 4px 12px rgba(0,0,0,0.05);}
div.ms-main-up-wrapper .mjtc-support-main-heading {font-size: 2em;font-weight: 800;color: var(--mjtc-color-2);line-height: 1.1;margin-bottom: 0.25em;}
div.ms-main-up-wrapper .mjtc-support-breadcrumps {font-size: 0.9em;color: var(--mjtc-color-5);display: flex;align-items: center;gap: 0.5em;}
div.ms-main-up-wrapper .mjtc-support-breadcrumps a {color: var(--mjtc-color-1);text-decoration: none;display: flex;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-breadcrumps svg {width: 16px; height: 16px;}
div.ms-main-up-wrapper .mjtc-support-login-wrapper {position: relative;z-index: 10;}
div.ms-main-up-wrapper .login-username,
div.ms-main-up-wrapper .login-password {margin-bottom: 1.5em;}
div.ms-main-up-wrapper .mjtc-support-login .login-remember{margin-top: 7px;}
div.ms-main-up-wrapper .mjtc-support-login label {display: block;font-size: 0.85em;font-weight: 600;color: var(--mjtc-color-2);margin-bottom: 0.5em;}
div.ms-main-up-wrapper .input {width: 100%;padding: 1em 1.25em;border-radius: 12px;border: 1px solid var(--mjtc-color-6);background: var(--mjtc-color-3);color: var(--mjtc-color-2);transition: all 0.2s ease;outline: none;height: auto;}
div.ms-main-up-wrapper input{height: auto;}
div.ms-main-up-wrapper .input:focus {background: var(--mjtc-color-7);border-color: var(--mjtc-color-1);box-shadow: 0 4px 12px rgba(41, 26, 188, 0.15);transform: translateY(-2px);}
div.ms-main-up-wrapper .login-emember {margin-bottom: 1.5em;}
div.ms-main-up-wrapper .login-emember label {display: flex;align-items: center;font-weight: 400;color: var(--mjtc-color-5);cursor: pointer;gap: 10px;margin-top: 10px;}
div.ms-main-up-wrapper #loginform-custom a{color: var(--mjtc-color-1);}
div.ms-main-up-wrapper #loginform-custom a:hover{text-decoration: underline;}
div.ms-main-up-wrapper input[type="checkbox"] {margin: 0;width: 16px;height: 16px;accent-color: var(--mjtc-color-1);cursor: pointer;}
div.ms-main-up-wrapper .login-submit {margin-top: 1em;}
div.ms-main-up-wrapper .button-primary {width: 100%;background: linear-gradient(135deg, var(--mjtc-color-1), var(--mjtc-color-8));color: var(--mjtc-color-7);border: none;border-radius: 50px;padding: 1em;font-weight: 700;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 10px 20px -5px rgba(41, 26, 188, 0.4);text-transform: uppercase;letter-spacing: 0.05em;line-height: 1.6;}
div.ms-main-up-wrapper .button-primary:hover {transform: translateY(-3px);box-shadow: 0 15px 25px -5px rgba(45, 161, 203, 0.4);}
/* register */
div.ms-main-up-wrapper #ms_registration_form{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-add-form-main-wrapper .MJTC_errors{color: red;margin-bottom: 20px;}
/* pricate crenditials */
div.ms-main-up-wrapper #usercredentailspopup {width: 90%;max-width: 500px;background: var(--mjtc-color-7);border-radius: 24px;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);overflow: auto;animation: popupFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;border: 1px solid rgba(255,255,255,0.8);display: flex;flex-direction: column;}
@keyframes popupFadeIn {from { opacity: 0; transform: scale(0.95) translateY(20px); }to { opacity: 1; transform: scale(1) translateY(0); }}
div.ms-main-up-wrapper .mjtc-support-usercredentails-header {background: var(--mjtc-color-2);padding: 1.5em 2em;display: flex;justify-content: space-between;align-items: center;color: var(--mjtc-color-7);font-size: 1.25em;font-weight: 700;border-bottom: 1px solid rgba(255,255,255,0.1);}
div.ms-main-up-wrapper .close-credentails {cursor: pointer;width: 32px;height: 32px;border-radius: 50%;background: rgba(255,255,255,0.1);display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;position: relative;}
div.ms-main-up-wrapper .close-credentails:hover {background: rgba(255,255,255,0.2);transform: rotate(90deg);}
div.ms-main-up-wrapper .close-credentails::before,
div.ms-main-up-wrapper .close-credentails::after {content: '';position: absolute;width: 16px;height: 2px;background-color: white;border-radius: 2px;}
div.ms-main-up-wrapper .close-credentails::before { transform: rotate(45deg); }
div.ms-main-up-wrapper .close-credentails::after { transform: rotate(-45deg); }
div.ms-main-up-wrapper .mjtc-support-usercredentails-wrp {width: 100%;}
div.ms-main-up-wrapper .mjtc-support-usercredentail-data-add-new-button-wrap {text-align: center;margin-top: 1em;}
div.ms-main-up-wrapper .mjtc-support-usercredentail-data-add-new-button:hover {transform: translateY(-2px);box-shadow: 0 8px 20px rgba(41, 26, 188, 0.4);}
/* --- Form Wrapper --- */
div.ms-main-up-wrapper .mjtc-support-usercredentails-form-wrap form {padding: 2em;background: var(--mjtc-color-7);border-radius: 24px;border: 1px solid var(--mjtc-color-6);padding: 2em;box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.05);position: relative;margin: 24px 0;}
div.ms-main-up-wrapper .mjtc-support-usercredentails-fields-wrp {display: flex;flex-wrap: wrap;gap: 1.2em;margin-bottom: 2em;}
div.ms-main-up-wrapper .mjtc-support-select-usercredentails {display: flex;flex-direction: column;gap: 0.5em;width: calc(50% - 1.1em);flex: 1 1 auto;}
div.ms-main-up-wrapper .mjtc-support-select-usercredentails-label {font-size: 0.9em;font-weight: 600;color: var(--mjtc-color-2);margin-left: 4px;}
div.ms-main-up-wrapper .ms-popup-credentials-fields {width: 100%;padding: 0.9em 1em;border-radius: 12px;background: var(--mjtc-color-3);font-size: 0.95em;color: var(--mjtc-color-2);transition: all 0.2s ease;outline: none;}
div.ms-main-up-wrapper .ms-popup-credentials-fields:focus {background: var(--mjtc-color-7);border-color: var(--mjtc-color-1);box-shadow: 0 4px 12px rgba(41, 26, 188, 0.15);transform: translateY(-1px);}
div.ms-main-up-wrapper .mjtc-support-usercredentails-form-wrap .mjtc-support-usercredentail-title{font-size: 1.3em;font-weight: 700;color: var(--mjtc-color-2);line-height: 1.2;margin-bottom:1em;}
div.ms-main-up-wrapper textarea.ms-popup-credentials-fields {min-height: 80px;resize: vertical;}
div.ms-main-up-wrapper .mjtc-support-usercredentails-btn-wrp {display: flex;justify-content: flex-end;gap: 1em;padding-top: 1.5em;border-top: 1px dashed var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-usercredentails-save {background: linear-gradient(135deg, var(--mjtc-color-1), var(--mjtc-color-8));color: var(--mjtc-color-7);border: none;padding: 0.8em 2em;border-radius: 12px;font-weight: 600;font-size: 0.95em;cursor: pointer;transition: all 0.2s;box-shadow: 0 4px 10px rgba(41, 26, 188, 0.2);}
div.ms-main-up-wrapper .mjtc-support-usercredentails-save:hover {transform: translateY(-2px);box-shadow: 0 8px 20px rgba(41, 26, 188, 0.3);}
div.ms-main-up-wrapper .mjtc-support-usercredentails-cancel {background: transparent;color: var(--mjtc-color-5);border: 1px solid transparent;padding: 0.8em 1.5em;border-radius: 12px;font-weight: 600;font-size: 0.95em;cursor: pointer;transition: all 0.2s;}
div.ms-main-up-wrapper .mjtc-support-usercredentails-cancel:hover {color: var(--mjtc-color-2);background: var(--mjtc-color-3);}
/* saved credentials */
div.ms-main-up-wrapper .mjtc-support-usercredentails-single {background: #ffffff;border: 1px solid var(--mjtc-color-6);border-radius: 12px;padding: 1.5em;margin-bottom: 1.5em;box-shadow: 0 2px 5px rgba(0,0,0,0.02);transition: all 0.2s ease;position: relative;overflow: hidden;}
div.ms-main-up-wrapper .mjtc-support-usercredentails-single::before {content: '';position: absolute;left: 0; top: 0; bottom: 0; width: 4px;background: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-usercredentails-single:hover {box-shadow: 0 8px 20px -5px rgba(0,0,0,0.08);transform: translateY(-2px);}
div.ms-main-up-wrapper .mjtc-support-usercredentail-title span{font-size: 1.1em;font-weight: 700;color: var(--mjtc-color-2);margin-bottom: 1em;padding-bottom: 0.75em;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px dashed var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-usercredentail-title span span{font-size: 0.85em;font-weight: 500;color: var(--mjtc-color-5);margin: 0;padding: 0;border: none;min-width: 130px;}
div.ms-main-up-wrapper .mjtc-support-usercredentail-data {display: flex;align-items: center; margin-bottom: 0.75em;font-size: 0.95em;}
div.ms-main-up-wrapper .mjtc-support-usercredentail-data-label {font-weight: 600;color: var(--mjtc-color-5);min-width: 110px; }
div.ms-main-up-wrapper .mjtc-support-usercredentail-data-value {color: var(--mjtc-color-2);background: var(--mjtc-color-3);padding: 4px 8px;border-radius: 6px;font-size: 0.9em;}
div.ms-main-up-wrapper .mjtc-support-usercredentail-data-full-width {flex-direction: column;align-items: flex-start;margin-top: 1em;background: #fafafa;padding: 1em 0;border-radius: 8px;}
div.ms-main-up-wrapper .mjtc-support-usercredentail-data-full-width .mjtc-support-usercredentail-data-value {margin-top: 0.5em;background: transparent;padding: 0;color: var(--mjtc-color-4);line-height: 1.5;}
div.ms-main-up-wrapper .mjtc-support-usercredentail-data-button-wrap {margin-top: 1.5em;display: flex;justify-content: flex-end;gap: 0.75em;}
div.ms-main-up-wrapper button{border: none;}
div.ms-main-up-wrapper .mjtc-support-usercredentails-credentails-wrp button {border: none;border-radius: 8px;font-weight: 600;cursor: pointer;transition: all 0.2s;padding: 0.5em 1em;font-size: 0.9em;}
div.ms-main-up-wrapper .mjtc-support-usercredentail-data-button-edit {background: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-5);color: var(--mjtc-color-5);}
div.ms-main-up-wrapper .mjtc-support-usercredentail-data-button-edit:hover {border-color: var(--mjtc-color-1);color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-usercredentail-data-button-delete {background: #fff1f2;border: 1px solid #fecdd3;color: #ef4444;}
div.ms-main-up-wrapper .mjtc-support-usercredentail-data-button-delete:hover {background: #ef4444;color: white;border-color: #ef4444;}
div.ms-main-up-wrapper .mjtc-support-usercredentail-data-add-new-button-wrap {text-align: center;margin-top: 2em;padding-top: 2em;border-top: 1px dashed var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-usercredentail-data-add-new-button {background: linear-gradient(135deg, var(--mjtc-color-1), var(--mjtc-color-8));color: var(--mjtc-color-7);padding: 0.9em 2.5em;line-height: 2; border-radius: 50px;font-weight: 700;box-shadow: 0 4px 15px rgba(41, 26, 188, 0.3);}
div.ms-main-up-wrapper .mjtc-support-usercredentail-data-add-new-button:hover {transform: translateY(-2px);box-shadow: 0 8px 20px rgba(41, 26, 188, 0.4);}
div.ms-main-up-wrapper .mjtc-support-usercredentails-form-wrap {display: none;padding-top: 1em;}
div.ms-main-up-wrapper .mjtc-support-select-usercredentails-label {font-size: 0.9em;font-weight: 600;color: var(--mjtc-color-2);margin-bottom: 0.5em;display: block;}
div.ms-main-up-wrapper .mjtc-support-usercredentails-btn-wrp {display: flex;justify-content: flex-end;gap: 1em;padding-top: 1.5em;border-top: 1px dashed var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-usercredentails-save {background: linear-gradient(135deg, var(--mjtc-color-1), var(--mjtc-color-8));color: var(--mjtc-color-7);border: none;padding: 0.8em 2em;border-radius: 12px;font-weight: 600;cursor: pointer;}
div.ms-main-up-wrapper .mjtc-support-usercredentails-cancel {background: transparent;color: var(--mjtc-color-5);border: 1px solid transparent;padding: 0.8em 1.5em;border-radius: 12px;font-weight: 600;cursor: pointer;}
div.ms-main-up-wrapper .mjtc-support-usercredentails-cancel:hover {background: var(--mjtc-color-3);color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-placeholder-content {text-align: center;padding: 3em;color: var(--mjtc-color-5);}
div.ms-main-up-wrapper .mjtc-placeholder-icon {width: 48px;height: 48px;margin-bottom: 1em;color: var(--mjtc-color-6);}
/* merge ticket */
div.ms-main-up-wrapper .ms-merge-popup-wrapper{max-width: 1280px;width: 100%;max-height: 85%;overflow: auto;}
/* assign to agent popup */
div.ms-main-up-wrapper #popupforagenttransfer {background: var(--mjtc-color-7);width: 100%;border-radius: 16px;overflow: hidden;display: flex;z-index: 1000;flex-direction: column;margin: 0 auto;max-height: 90vh;border: 1px solid var(--mjtc-color-6);position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);border-radius: 12px;max-width: 1080px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);max-height: 80%;overflow-y: auto;}
div.ms-main-up-wrapper #popupforagenttransfer form, div.ms-main-up-wrapper #popupfordepartmenttransfer form{padding: 1.5em 2.5em 2.5em 2.5em;overflow-y: auto;background: #fff;}
div.ms-main-up-wrapper #popupforagenttransfer form.mjtc-support-asiignagent-form{gap: 1.5rem;display: flex;flex-direction: column;}
div.ms-main-up-wrapper #popupforagenttransfer form.mjtc-support-asiignagent-form .mjtc-support-premade-field-title{display: block;font-size: 0.875em;font-weight: 600;color: var(--mjtc-color-2);margin-bottom: 12px;text-transform: uppercase;letter-spacing: 0.025em;}
div.ms-main-up-wrapper #popupforagenttransfer form.mjtc-support-asiignagent-form .mjtc-support-premade-field-wrp{width: 100%;}
div.ms-main-up-wrapper .ms-popup-wrapper form{padding: 1.5em 2.5em 2.5em 2.5em;overflow-y: auto;background: #fff;}
div.ms-main-up-wrapper .ms-popup-header {background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);padding: 2em 2.5em 1.5em 2.5em;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(0, 0, 0, 0.03);}
div.ms-main-up-wrapper .popup-header-text {font-size: 1.125em;font-weight: 700;color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .popup-header-close-img svg {width: 20px;height: 20px;stroke: currentColor;}
div.ms-main-up-wrapper .popup-header-close-img{cursor: pointer;width: 36px;height: 36px;border-radius: 12px;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;color: var(--mjtc-color-5);}
div.ms-main-up-wrapper .popup-header-close-img:hover{background: #fee2e2;color: #ef4444;transform: rotate(90deg);}
div.ms-main-up-wrapper .mjtc-support-pemade-msg-wrp, 
div.ms-main-up-wrapper .mjtc-support-text-editor-wrp {margin-bottom: 24px;}
div.ms-main-up-wrapper .mjtc-support-pemade-field-title{display: block;font-size: 0.875em;font-weight: 600;color: var(--mjtc-color-2);text-transform: uppercase;letter-spacing: 0.025em;}
div.ms-main-up-wrapper .mjtc-support-text-editor-field-title {display: block;font-size: 0.875em;font-weight: 600;color: var(--mjtc-color-2);margin-bottom: 12px;text-transform: uppercase;letter-spacing: 0.025em;}
div.ms-main-up-wrapper .wp-core-ui.wp-editor-wrap {border: 1px solid var(--mjtc-color-6);border-radius: 8px;overflow: hidden;width: 100%;}
div.ms-main-up-wrapper .wp-core-ui.wp-editor-wrap#wp-internalnote-wrap{margin-bottom: 0;}
div.ms-main-up-wrapper .wp-core-ui.wp-editor-wrap#wp-mjsupport_message-wrap{margin-bottom: 0;}
div.ms-main-up-wrapper .wp-editor-tools {background-color: var(--mjtc-color-3);border-bottom: 1px solid var(--mjtc-color-6);padding: 8px 12px;display: flex;justify-content: space-between;align-items: center;justify-content: flex-end;}
div.ms-main-up-wrapper .wp-editor-tabs button {background: transparent;border: 1px solid transparent;color: var(--mjtc-color-4);font-size: .8em;font-weight: 500;padding: 4px 12px;cursor: pointer;border-radius: 4px;}
div.ms-main-up-wrapper .tmce-active .switch-tmce,
div.ms-main-up-wrapper .html-active .switch-html {background: var(--mjtc-color-7);border-color: var(--mjtc-color-6);color: var(--mjtc-color-2);box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
div.ms-main-up-wrapper .quicktags-toolbar {padding: 8px;background: var(--mjtc-color-7);border-bottom: 1px solid var(--mjtc-color-6);display: flex;gap: 6px;flex-wrap: wrap;}
div.ms-main-up-wrapper .quicktags-toolbar input.button {background: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);color: var(--mjtc-color-4);padding: 4px 10px;font-size: .7em;font-weight: 500;border-radius: 4px;cursor: pointer;transition: all 0.2s;}
div.ms-main-up-wrapper .quicktags-toolbar input.button:hover {background: var(--mjtc-color-3);border-color: var(--mjtc-color-5);color: var(--mjtc-color-2);}
/* Editor Area */
div.ms-main-up-wrapper .wp-editor-container {background: var(--mjtc-color-7);}
div.ms-main-up-wrapper iframe#assignnote_ifr {width: 100%;min-height: 180px;display: block;}
div.ms-main-up-wrapper .mce-statusbar {background: var(--mjtc-color-3);border-top: 1px solid var(--mjtc-color-6);padding: 4px 12px;font-size: .65em;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mce-toolbar-grp {border-bottom: 1px solid var(--mjtc-color-6);}
/* popups */
div.ms-main-up-wrapper .mjtc-support-edit-form-wrp .mjtc-support-edit-field-title{font-size: 0.9em;font-weight: 500;color: var(--mjtc-color-2);margin-bottom: 0.5em;display: flex;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-edit-form-wrp .mjtc-support-edit-field-wrp{margin-bottom: 2em;}
div.ms-main-up-wrapper .mjtc-support-edit-form-wrp .mjtc-support-priorty-btn-wrp, div.ms-main-up-wrapper .ms-popup-wrapper .mjtc-support-priorty-btn-wrp{display: flex;align-items: center;gap: 1em;justify-content: flex-end;}
div.ms-main-up-wrapper .mjtc-support-edit-form-wrp .mjtc-support-priorty-btn-wrp input.mjtc-support-priorty-save, div.ms-main-up-wrapper .ms-popup-wrapper .mjtc-support-priorty-btn-wrp input.mjtc-support-priorty-save{background: linear-gradient(135deg, var(--mjtc-color-1), var(--mjtc-color-8));color: var(--mjtc-color-7);border: none;border-radius: 50px;padding: 1em 3em;font-weight: 700;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 10px 20px -5px rgba(41, 26, 188, 0.4);line-height: 2;}
div.ms-main-up-wrapper .mjtc-support-edit-form-wrp .mjtc-support-priorty-btn-wrp input.mjtc-support-priorty-save:hover, div.ms-main-up-wrapper .ms-popup-wrapper .mjtc-support-priorty-btn-wrp input.mjtc-support-priorty-save:hover{transform: translateY(-3px) scale(1.02);box-shadow: 0 15px 25px -5px rgba(45, 161, 203, 0.4);}
div.ms-main-up-wrapper .mjtc-support-edit-form-wrp .mjtc-support-priorty-btn-wrp input.mjtc-support-priorty-cancel, div.ms-main-up-wrapper .ms-popup-wrapper .mjtc-support-priorty-btn-wrp input.mjtc-support-priorty-cancel{background-color: var(--mjtc-color-7);color: var(--mjtc-color-4);border: 1px solid var(--mjtc-color-6);padding: 12px 28px;border-radius: 8px;font-weight: 600;font-size: 0.9em;text-decoration: none;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in-out;cursor: pointer;line-height: 2;}
/* smart replies */
/* -----------------------------------
   NEW CSS FOR SMART REPLY LISTING PAGE
   ----------------------------------- */
div.ms-main-up-wrapper .ms-smart-reply-listing-wrp {background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 12px;margin-bottom: 20px;overflow: hidden;box-shadow: 0 2px 4px rgba(0,0,0,0.02);transition: all 0.2s ease;}
div.ms-main-up-wrapper .ms-smart-reply-listing-wrp:hover {box-shadow: 0 8px 15px rgba(0,0,0,0.05);transform: translateY(-2px);border-color: var(--mjtc-color-5);}
div.ms-main-up-wrapper .ms-smart-reply-listing-head {display: flex;justify-content: space-between;align-items: center;padding: 14px 20px;background-color: #fcfcfc;border-bottom: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .ms-smart-reply-listing-head-left a {font-size: 1em;font-weight: 700;color: var(--mjtc-color-2);text-decoration: none;transition: color 0.2s;}
div.ms-main-up-wrapper .ms-smart-reply-listing-head-left a:hover {color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .ms-smart-reply-listing-head-right {display: flex;align-items: center;}
div.ms-main-up-wrapper .ms-smart-reply-listing-head-right .action-btn {display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 6px;transition: background-color 0.2s;cursor: pointer;}
div.ms-main-up-wrapper .ms-smart-reply-listing-head-right .action-btn:hover {background-color: var(--mjtc-color-6);}
div.ms-main-up-wrapper .ms-smart-reply-listing-head-right img {width: 16px;height: 16px;opacity: 0.6;transition: opacity 0.2s;}
div.ms-main-up-wrapper .ms-smart-reply-listing-head-right .action-btn:hover img {opacity: 1;}
div.ms-main-up-wrapper .ms-smart-reply-listing-head .ms-smart-reply-listing-head-right svg{fill: none;}
div.ms-main-up-wrapper .ms-smart-reply-listing-body {padding: 20px;}
div.ms-main-up-wrapper .ms-smart-reply-listing-ticket-subject {font-size: .7em;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;color: var(--mjtc-color-5);margin-bottom: 12px;}
div.ms-main-up-wrapper .ms-smart-reply-listing-ticket-reply {display: flex;align-items: flex-start;gap: 12px;}
div.ms-main-up-wrapper .ms-smart-reply-listing-ticket-reply svg {min-width: 20px; width: 20px;height: 20px;margin-top: 3px;opacity: 0.7;color: var(--mjtc-color-1);fill: var(--mjtc-color-1);}
div.ms-main-up-wrapper .ms-smart-reply-listing-ticket-reply span {font-size: .9em;line-height: 1.6;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-smartreplies-wrapper .mjtc-support-table-wrp{border:unset;padding-top: 2px;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp.mjtc-form-smartreply-wrapper{width: 100%;display: flex;flex-wrap:wrap;gap: 1.5em;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp.mjtc-form-smartreply-wrapper .mjtc-support-from-field-wrp-inner-wrap{display: flex;align-items: center;flex-wrap: wrap;gap: 1em;width: calc(50% - 0.5em);}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp.mjtc-form-smartreply-wrapper .mjtc-support-from-field-wrp-inner-wrap .mjtc-support-from-field{display: flex;align-items: center;width: 100%;position: relative;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp.mjtc-form-smartreply-wrapper .mjtc-support-from-field-wrp-inner-wrap input{padding-right: 45px;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp.fullwidth .mjtc-support-from-field.del-btn-wrp{display: flex;align-items: center;}
div.ms-main-up-wrapper .ms-add-ticket-subject-overall-wrapper{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);cursor: pointer;display: flex;align-items: center;justify-content: center;background-color: var(--mjtc-color-1);border-radius: 6px;width: 28px;height: 28px;transition: opacity 0.2s;}
div.ms-main-up-wrapper .ms-add-ticket-subject-overall-wrapper svg.outline-icon{fill: var(--mjtc-color-7);stroke: var(--mjtc-color-7);color: var(--mjtc-color-7); stroke-width: 3px;stroke-linecap: round;stroke-linejoin: round;width: 16px;height: 16px;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp.fullwidth .mjtc-support-from-field.del-btn-wrp .del-btn{position: absolute;right: 5px; background: none;border: none;cursor: pointer;padding: 5px;opacity: 0.6;transition: opacity 0.2s;display: flex;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp.fullwidth .mjtc-support-from-field.del-btn-wrp .del-btn svg{width: 20px;height: 27px;color: #ef4444;fill:none;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp .mjtc-support-from-field.del-btn-wrp input{padding-right: 45px;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp .mjtc-support-from-field .mjtc_category-image-wrp{margin-left: auto;margin-right: auto;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp .mjtc-support-from-field .tk_attachments_configform{width:100%;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper #ms_registration_form .mjtc-support-from-field-wrp .mjtc-support-from-field div{width: 100%;}
/* forms */
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper form{display: flex;align-items: flex-start;gap: 2em;flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-radio-btn-wrp{display: flex;align-items: center;flex-wrap: wrap;width: 100%;border: 2px solid transparent;border-radius: 12px;font-size: 0.95em;font-weight: 500;color: var(--mjtc-color-2);transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);outline: none;gap: 1em;min-height: 55px;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-radio-btn-wrp input{margin: 0;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp .ms-formfield-radio-button-wrap{display: flex;align-items: center;gap: 0.5em;padding: 0.72em 20px;border-radius: 12px}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp .mjtc-support-radio-btn-wrp .ms-formfield-radio-button-wrap{padding: .801em 1.25em;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp-full-width .mjtc-support-apend-radio-btn{display: flex;align-items: center;gap: 0.5em;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-reply-attachments .mjtc-attachment-field{margin-bottom: 15px;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-assigned-tome{display: flex;align-items: center;gap: 0.75em;width: 100%;background-color: var(--mjtc-color-3);border: 2px solid transparent;border-radius: 12px;padding: 0 1.25em;min-height: 53px;font-size: 0.95em;font-weight: 500;color: var(--mjtc-color-2);transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);outline: none;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field.mjtc-support-form-pemade-wrp{display: flex;align-items: center;gap: 0.75em;width: 100%;border-radius: 12px;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field.mjtc-support-form-pemade-wrp .mjtc-support-apend-radio-btn{background: linear-gradient(135deg, var(--mjtc-color-1), var(--mjtc-color-8));color: var(--mjtc-color-7);border: none;border-radius: 50px;padding: .7em 2em;font-weight: 700;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 10px 20px -5px rgba(41, 26, 188, 0.4);display: flex;align-items: center;gap: 0.5em;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field.mjtc-support-form-pemade-wrp .mjtc-form-perm-msg{background-color: var(--mjtc-color-7);color: var(--mjtc-color-4);border: 1px solid var(--mjtc-color-6);padding: 12px 28px;border-radius: 8px;font-weight: 600;font-size: 0.9em;text-decoration: none;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in-out;}
/* agent create ticket */
div.ms-main-up-wrapper .ms-formfield-radio-button-wrap {display: inline-flex;align-items: center;gap: 10px;padding: 12px 16px;background-color: var(--mjtc-color-3);border: 2px solid transparent;border-radius: 12px;box-sizing: border-box;transition: all 0.2s ease;cursor: pointer;}
div.ms-main-up-wrapper .ms-formfield-radio-button-wrap:hover {background-color: var(--mjtc-color-6);border-color: var(--mjtc-color-5);}
div.ms-main-up-wrapper .ms-formfield-radio-button-wrap:focus-within {border-color: var(--mjtc-color-1);background-color: var(--mjtc-color-7);box-shadow: 0 4px 12px rgba(41, 26, 188, 0.1);}
div.ms-main-up-wrapper .radiobutton,
div.ms-main-up-wrapper .mjtc-support-radio-btn,
div.ms-main-up-wrapper .mjtc-support-append-radio-btn {width: 18px;height: 18px;accent-color: var(--mjtc-color-1);cursor: pointer;margin: 0;}
div.ms-main-up-wrapper .ms-formfield-radio-button-wrap label {cursor: pointer;font-size: 0.95em;font-weight: 500;color: var(--mjtc-color-2);user-select: none;width: 100%; /* makes entire label clickable easily */}
div.ms-main-up-wrapper .mjtc-attachment-file-box input[type="file"]{width: 100%;padding: 12px;background-color: var(--mjtc-color-3);border: 2px dashed var(--mjtc-color-5);border-radius: 12px;color: var(--mjtc-color-4);cursor: pointer;transition: border-color 0.2s, background-color 0.2s;}
/* my profile */
div.ms-main-up-wrapper .mjtc-support-profile-wrp .mjtc-support-profile-contentwrp {display: flex;gap: 40px;padding-top: 20px;}
div.ms-main-up-wrapper .mjtc-support-profile-wrp .mjtc-support-profile-contentwrp .mjtc-support-profile-left{width: 250px;flex-shrink: 0;display: flex;flex-direction: column;align-items: center;text-align: center;}
div.ms-main-up-wrapper .mjtc-support-profile-wrp .mjtc-support-profile-contentwrp .mjtc-support-profile-left .mjtc-support-user-img-wrp img{width: 160px;height: 160px;border-radius: 50%;object-fit: cover;border: 4px solid #fff;box-shadow: 0 4px 15px rgba(0,0,0,0.1);background-color: #fcfcfc;}
div.ms-main-up-wrapper .mjtc-support-profile-wrp .mjtc-support-profile-contentwrp .mjtc-support-file-upload-label{display: inline-flex;align-items: center;justify-content: center;padding: 10px 24px;background-color: var(--mjtc-color-1);color: #fff;border-radius: 8px;cursor: pointer;font-size: .9em;font-weight: 600;transition: all 0.2s;box-shadow: 0 2px 4px rgba(41, 26, 188, 0.2);}
div.ms-main-up-wrapper .mjtc-support-profile-wrp .mjtc-support-profile-contentwrp input.mjtc-support-upload-input{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 0;height: 100%;opacity: 0;cursor: pointer;}
div.ms-main-up-wrapper .mjtc-support-profile-wrp .mjtc-support-profile-contentwrp div#showhidemouseover{position: relative;display: inline-block;margin-top: 30px;min-width: 170px;text-align: center;margin-bottom: 15px;}
div.ms-main-up-wrapper .mjtc-support-profile-wrp .mjtc-support-profile-contentwrp .mjtc-support-profile-right{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-profile-wrp .mjtc-support-profile-contentwrp .mjtc-support-profile-right .mjtc-support-add-form-main-wrapper{border: unset;padding: 0;display: flex;flex-direction: column;gap: 2em;}
div.ms-main-up-wrapper .mjtc-support-profile-wrp .mjtc-support-profile-contentwrp .mjtc-support-profile-right .mjtc-support-add-form-main-wrapper .mjtc-support-from-field.editable{position: relative;}
div.ms-main-up-wrapper .mjtc-support-profile-wrp .mjtc-support-profile-contentwrp .mjtc-support-profile-right .mjtc-support-add-form-main-wrapper .mjtc-support-from-field.editable .mjtc-support-profile-form-img{position: absolute;top: 8px;right: 12px;bottom: 0;cursor: pointer;}
/* user data */
div.ms-main-up-wrapper .mjtc-transparent-header-img1 {background: var(--mjtc-color-7);padding: 10px;border-radius: 16px;width: 64px;height: 64px;object-fit: contain;box-shadow: 0 4px 12px rgba(0,0,0,0.05);margin-right: 1.5em;}
div.ms-main-up-wrapper .mjtc-support-top-sec-left-header {flex: 1;}
div.ms-main-up-wrapper .mjtc-support-main-heading {font-size: 2em;font-weight: 800;color: var(--mjtc-color-2);line-height: 1.1;margin-bottom: 0.25em;}
div.ms-main-up-wrapper .mjtc-support-breadcrumps {font-size: 0.9em;color: var(--mjtc-color-5);display: flex;align-items: center;gap: 0.5em;flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-breadcrumps a {color: var(--mjtc-color-1);text-decoration: none;display: flex;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-breadcrumps a svg{fill: none;color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-breadcrumps svg {width: 16px; height: 16px;}
div.ms-main-up-wrapper .mjtc-support-fields-wrp {display: flex;align-items: center;gap: 1em;flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-form-field {flex: 1;min-width: 200px;}
div.ms-main-up-wrapper .mjtc-support-search-form-btn-wrp {display: flex;gap: 0.8em;}
div.ms-main-up-wrapper .mjtc-support-breadcrumps span {display: flex;align-items: center;list-style: none; padding: 0;margin: 0;}
div.ms-main-up-wrapper .mjtc-support-breadcrumps > a:not(:first-child)::before,
div.ms-main-up-wrapper .mjtc-support-breadcrumps > *:has(a):not(:first-child)::before {color: var(--mjtc-color-1); }
div.ms-main-up-wrapper .mjtc-support-breadcrumps > *:not(:first-child)::before {content: "/"; margin: 0 10px 0 4px;color: #cbd5e1; font-weight: normal;}
/* --- Table / List Styling --- */
div.ms-main-up-wrapper .mjtc-support-table-wrp {border: 1px solid var(--mjtc-color-6);border-radius: 12px;overflow: hidden;background: var(--mjtc-color-7);}
div.ms-main-up-wrapper .mjtc-support-table-header .mjtc-support-table-header-col{flex: 1 1 auto;}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row .mjtc-support-table-body-col{flex: 1 1 auto;width: 40%;}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row .mjtc-support-table-body-col a{color: var(--mjtc-color-2);font-weight: 500;}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row .mjtc-support-table-body-col.mjtc-col-md-2.mjtc-col-xs-2:nth-child(2) a{display: flex;align-items: center;gap: 5px;color: var(--mjtc-color-1);width: 100%;justify-content: center;}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row .mjtc-support-table-body-col.mjtc-col-md-2.mjtc-col-xs-2:nth-child(2) a:hover{color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row .mjtc-support-table-body-col.mjtc-col-md-2.mjtc-col-xs-2:nth-child(2) a svg{width: 20px;height: 20px;color: currentColor;fill: currentColor;}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row .mjtc-support-table-body-col.mjtc-col-md-5.mjtc-col-xs-5:nth-child(2) a{display: flex;align-items: center;gap: 5px;color: var(--mjtc-color-1);width: 100%;justify-content: center;}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row .mjtc-support-table-body-col.mjtc-col-md-5.mjtc-col-xs-5:nth-child(2) a:hover{color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row .mjtc-support-table-body-col.mjtc-col-md-5.mjtc-col-xs-5:nth-child(2) a svg{width: 20px;height: 20px;color: currentColor;fill: currentColor;}
div.ms-main-up-wrapper .mjtc-support-table-header .mjtc-support-table-header-col:not(:first-child) {text-align: center;}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row .mjtc-support-table-body-col:not(:first-child) {text-align: center;}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row .mjtc-support-table-body-col:not(:first-child) .mjtc-support-title{text-align: center;justify-content: center;}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row {display: flex;flex-wrap: nowrap; padding: 1.25em 1.5em;border-bottom: 1px solid var(--mjtc-color-6);transition: background 0.2s;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-data-row:last-child {border-bottom: none;}
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-col-md-5.mjtc-col-xs-5{width: 25%}
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-col-md-3.mjtc-col-xs-3{width: 21%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 21%;}
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-col-md-3.mjtc-col-xs-3 .mjtc-support-title{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-col-md-4.mjtc-col-xs-4{width: 21%;}
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-col-md-4.mjtc-col-xs-4 .mjtc-support-title{width: 100%;}
/* Columns */
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-col-md-2 { width: 15.66%; }
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-col-md-1 { width: 8.33%;max-width:98px; }
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-table-wrp .mjtc-support-title{width: 21%;display: flex;align-items: center;justify-content: flex-start;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-bannedemail-overall-wrp .mjtc-support-table-wrp .mjtc-col-md-5.mjtc-col-xs-5{overflow-wrap: anywhere;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-bannedemail-overall-wrp .mjtc-support-table-wrp .mjtc-col-md-5.mjtc-col-xs-5 .mjtc-support-title{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-table-wrp .mjtc-support-table-body-col.mjtc-col-md-7.mjtc-col-xs-7 .mjtc-support-title{width: 100%;display: flex;flex: 1 1 auto;}
div.ms-main-up-wrapper .mjtc-support-table-body-col p{font-weight: 500;color: var(--mjtc-color-4);text-align: left;margin-right: 0;}
div.ms-main-up-wrapper .mjtc-support-display-block {display: none; font-weight: 700;margin-right: 5px;color: var(--mjtc-color-5);font-size: 0.8em;}
div.ms-main-up-wrapper .mjtc-support-title-anchor:hover {color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-table-body-col img {width: 20px;height: 20px;vertical-align: middle;}
/* Action Buttons */
div.ms-main-up-wrapper .mjtc-support-table-action-btn {display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 8px;background: var(--mjtc-color-3);border: 1px solid transparent;transition: all 0.2s;margin-right: 4px;}
div.ms-main-up-wrapper .mjtc-support-table-action-btn:not(:last-child) svg{color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-table-action-btn:hover {background: white;border-color: var(--mjtc-color-6);box-shadow: 0 2px 5px rgba(0,0,0,0.05);}
div.ms-main-up-wrapper .mjtc-support-table-action-btn img {width: 16px;height: 16px;opacity: 0.7;}
div.ms-main-up-wrapper .mjtc-support-table-action-btn:hover img {opacity: 1;}
div.ms-main-up-wrapper .mjtc-support-table-action-btn svg{fill: none;}
div.ms-main-up-wrapper textarea{width: 100%;max-width: 100%;background-color: var(--mjtc-color-3);border: 2px solid transparent;border-radius: 12px;padding: 1em 1.25em;font-size: 0.95em;font-weight: 500;color: var(--mjtc-color-2);transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);outline: none}
/* agent permissions */
div.ms-main-up-wrapper .mjtc-support-roles-wrapper, div.ms-main-up-wrapper .mjtc-support-roles-list-wrapper {display: flex;flex-direction: column;gap: 2em;}
div.ms-main-up-wrapper .mjtc-support-roles-wrapper .mjtc-section-group-wrp {background: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 10px;overflow: hidden;box-shadow: 0 4px 6px -2px rgba(0,0,0,0.03);}
div.ms-main-up-wrapper .mjtc-support-roles-wrapper .mjtc-support-categories-heading-wrp {background: var(--mjtc-color-3);padding: 18px 24px;font-size: 1.1em;font-weight: 600;color: var(--mjtc-color-2);border-bottom: 1px solid var(--mjtc-color-6);display: flex;align-items: center;margin: 0;}
div.ms-main-up-wrapper .mjtc-support-roles-section-heading-right {display: flex;align-items: center;gap: 8px;margin-left: auto;}
div.ms-main-up-wrapper .mjtc-support-roles-section-heading-right label {font-size: 0.8em;font-weight: 600;color: var(--mjtc-color-1);cursor: pointer;text-transform: uppercase;letter-spacing: 0.03em;transition: opacity 0.2s;display: flex;align-items: center;gap: 8px;}
div.ms-main-up-wrapper .mjtc-support-roles-section-heading-right label:hover {opacity: 0.8;}
div.ms-main-up-wrapper .mjtc-support-roles-section-heading-right input[type="checkbox"] {accent-color: var(--mjtc-color-1);cursor: pointer;width: 16px; height: 16px;}
div.ms-main-up-wrapper .mjtc-support-role-wrp {padding: 24px;display: flex;flex-wrap: wrap;gap: 16px;background: var(--mjtc-color-7);}
div.ms-main-up-wrapper .mjtc-support-add-role-field-wrp {flex: 1 1 220px; min-width: 220px;background: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 10px;margin: 0 !important; transition: all 0.2s ease-in-out;position: relative;}
div.ms-main-up-wrapper .mjtc-support-add-role-field-wrp:hover {border-color: var(--mjtc-color-5);box-shadow: 0 4px 12px rgba(0,0,0,0.05);transform: translateY(-2px);}
div.ms-main-up-wrapper .mjtc-support-add-role-field-wrp.active {border-color: var(--mjtc-color-1);background: #fcfcff;box-shadow: 0 0 0 1px var(--mjtc-color-1) inset;}
div.ms-main-up-wrapper .mjtc-support-label {display: flex;align-items: flex-start;width: 100%;height: 100%;padding: 16px;box-sizing: border-box;cursor: pointer;color: var(--mjtc-color-4);font-weight: 500;font-size: 0.95em;gap: 12px;}
div.ms-main-up-wrapper .mjtc-support-add-role-field-wrp.active .mjtc-support-label {color: var(--mjtc-color-2);font-weight: 600;}
div.ms-main-up-wrapper .mjtc-support-roles-wrapper .mjtc-support-checkbox {appearance: none;-webkit-appearance: none;width: 20px;height: 20px;border: 2px solid var(--mjtc-color-4);border-radius: 6px;background: var(--mjtc-color-7);cursor: pointer;position: relative;flex-shrink: 0;transition: all 0.2s;margin-top: 2px;}
div.ms-main-up-wrapper .mjtc-support-roles-wrapper .mjtc-support-checkbox:checked {background-color: var(--mjtc-color-1);border-color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-roles-wrapper .mjtc-support-checkbox:checked::after {content: '';position: absolute;left: 6px; top: 2px;width: 5px; height: 9px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);}
div.ms-main-up-wrapper .mjtc-support-roles-wrapper.mjtc-support-roles-disable-wrapper .mjtc-support-checkbox{opacity: 0.5;cursor: not-allowed;}
/* --- Footer --- */
div.ms-main-up-wrapper .mjtc-support-form-btn-wrp {padding: 20px 0;display: flex;justify-content: flex-end;gap: 12px;position: sticky;bottom: 0;background: rgba(248, 250, 252, 0.9);backdrop-filter: blur(5px);z-index: 30;border-top: 1px solid var(--mjtc-color-6);margin-top: 20px;}
div.ms-main-up-wrapper .mjtc-support-cancel-button {background-color: var(--mjtc-color-7);color: var(--mjtc-color-4);border: 1px solid var(--mjtc-color-6);padding: 12px 28px;border-radius: 8px;font-weight: 600;font-size: 0.9em;text-decoration: none;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in-out;}
div.ms-main-up-wrapper .mjtc-support-cancel-button:hover {background-color: var(--mjtc-color-3);color: var(--mjtc-color-2)}
/* agent reports */
div.ms-main-up-wrapper .mjtc-support-downloads-wrp {background: var(--mjtc-color-7);border-radius: 16px;padding: 25px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); margin-bottom: 30px;border: 1px solid var(--mjtc-color-6);overflow: hidden; }
div.ms-main-up-wrapper .mjtc-support-downloads-wrp .mjtc-support-downloads-wrp {margin-top: 30px;}
div.ms-main-up-wrapper .mjtc-support-downloads-heading-wrp {font-size: 1.1em;font-weight: 700;margin-bottom: 25px;border-bottom: 1px solid var(--mjtc-color-6);padding-bottom: 25px;color: var(--mjtc-color-2);}
div.ms-main-up-wrapper #curve_chart {width: 100% !important;height: auto !important;min-height: 400px;overflow: hidden;}
div.ms-main-up-wrapper #curve_chart > div {position: relative !important;width: 100% !important;height: 100% !important;}
div.ms-main-up-wrapper #curve_chart svg {width: 100% !important;height: auto !important;}
div.ms-main-up-wrapper .mjtc-admin-report-box-wrapper {display: flex; flex-wrap: wrap;gap: 20px;margin-bottom: 10px;width: 100%;}
div.ms-main-up-wrapper .mjtc-admin-report-box-wrapper .mjtc-admin-box .mjtc-admin-box-image svg{fill: none;}
div.ms-main-up-wrapper .mjtc-admin-report-box-wrapper .mjtc-admin-box{flex: 1 1 auto;min-width: 165px;max-width: unset;}
div.ms-main-up-wrapper .mjtc-admin-box {flex: 1 1 200px;background: var(--mjtc-color-7);border-radius: 12px;padding: 24px 20px;display: flex;align-items: center;box-shadow: 0 1px 3px rgba(0,0,0,0.05);border: 1px solid var(--mjtc-color-6);transition: transform 0.2s ease, box-shadow 0.2s ease;position: relative;overflow: hidden;}
div.ms-main-up-wrapper .mjtc-admin-box:hover {transform: translateY(-4px);box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);}
div.ms-main-up-wrapper .mjtc-admin-box::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 4px;}
div.ms-main-up-wrapper .mjtc-admin-box.box1::before { background-color: #10b981; }
div.ms-main-up-wrapper .box1 .mjtc-admin-box-image svg { color: #10b981; }
div.ms-main-up-wrapper .mjtc-admin-box.box2::before { background-color: var(--mjtc-color-8); }
div.ms-main-up-wrapper .box2 .mjtc-admin-box-image svg { color: var(--mjtc-color-8); }
div.ms-main-up-wrapper .mjtc-admin-box.box3::before { background-color: #f59e0b; }
div.ms-main-up-wrapper .box3 .mjtc-admin-box-image svg { color: #f59e0b; }
div.ms-main-up-wrapper .mjtc-admin-box.box4::before { background-color: #ef4444; }
div.ms-main-up-wrapper .box4 .mjtc-admin-box-image svg { color: #ef4444; }
div.ms-main-up-wrapper .mjtc-admin-box.box5::before { background-color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .box5 .mjtc-admin-box-image svg { color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .mjtc-col-md-4.mjtc-admin-box-image {margin-right: 15px;display: flex;align-items: center;justify-content: center;min-width: 48px;max-width: 48px; width: 48px;height: 48px;border-radius: 50%;background-color: var(--mjtc-color-3);flex-shrink: 0;}
div.ms-main-up-wrapper .mjtc-admin-box-image svg {width: 24px;height: 24px;}
div.ms-main-up-wrapper .mjtc-admin-box-content {display: flex;flex-direction: column;}
div.ms-main-up-wrapper .mjtc-admin-box-content-number {font-size: 28px;font-weight: 800;color: var(--mjtc-color-2);line-height: 1;margin-bottom: 5px;}
div.ms-main-up-wrapper .mjtc-admin-box-content-label {font-size: .8em;color: var(--mjtc-color-4);text-transform: uppercase;letter-spacing: 0.8px;font-weight: 600;}
/* =========================================
   5. Agent Reports List (Rows)
   ========================================= */
div.ms-main-up-wrapper .mjtc-admin-staff-wrapper {margin-bottom: 15px;}
div.ms-main-up-wrapper .mjtc-admin-staff-anchor-wrapper {display: flex;flex-wrap: wrap;background: var(--mjtc-color-7);border-radius: 16px; padding: 0;text-decoration: none;color: inherit;box-shadow: 0 1px 3px rgba(0,0,0,0.05); border: 1px solid var(--mjtc-color-6);transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);align-items: center;overflow: hidden;}
div.ms-main-up-wrapper .mjtc-admin-staff-anchor-wrapper:hover {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-color: var(--mjtc-color-8);transform: translateY(-2px);}
div.ms-main-up-wrapper .mjtc-festaffreport-img {display: flex;align-items: center;flex: 0 0 320px;padding: 20px 25px;background-color: var(--mjtc-color-3);border-right: 1px solid var(--mjtc-color-6);align-self: stretch;}
div.ms-main-up-wrapper .mjtc-report-staff-pic {width: 56px;height: 56px;border-radius: 50%;object-fit: cover;border: 2px solid var(--mjtc-color-7);box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
div.ms-main-up-wrapper .mjtc-report-staff-cnt-wrapper {margin-left: 15px;overflow: hidden;}
div.ms-main-up-wrapper .mjtc-report-staff-name {font-size: .9em;font-weight: 700;color: var(--mjtc-color-2);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
div.ms-main-up-wrapper .mjtc-report-staff-username {font-size: .7em;color: var(--mjtc-color-4);margin-top: 2px;}
div.ms-main-up-wrapper .mjtc-report-staff-email {font-size: .7em;color: var(--mjtc-color-8);margin-top: 2px;font-weight: 500;}
div.ms-main-up-wrapper .mjtc-festaffreport-data {flex: 1;display: flex;justify-content: space-evenly;padding: 15px 20px;align-items: center;}
div.ms-main-up-wrapper .mjtc-admin-report-box {text-align: center;position: relative;padding: 10px;min-width: 80px;}
div.ms-main-up-wrapper .mjtc-report-box-number {display: block;font-size: 22px;font-weight: 800;color: var(--mjtc-color-2);margin-bottom: 4px;}
div.ms-main-up-wrapper .mjtc-report-box-title {font-size: .65em;color: var(--mjtc-color-4);text-transform: uppercase;letter-spacing: 0.5px;font-weight: 600;}
div.ms-main-up-wrapper .mjtc-festaffreport-data .box1 .mjtc-report-box-number { color: #10b981; }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box1 .mjtc-report-box-color { background-color: #10b981; }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box2 .mjtc-report-box-number { color: var(--mjtc-color-8); }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box2 .mjtc-report-box-color { background-color: var(--mjtc-color-8); }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box3 .mjtc-report-box-number { color: #f59e0b; }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box3 .mjtc-report-box-color { background-color: #f59e0b; }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box4 .mjtc-report-box-number { color: #ef4444; }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box4 .mjtc-report-box-color { background-color: #ef4444; }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box5 .mjtc-report-box-number { color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box5 .mjtc-report-box-color { background-color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .mjtc-report-box-color {height: 3px;width: 24px;margin: 6px auto 0;border-radius: 10px;opacity: 0.3;transition: opacity 0.2s, width 0.2s;}
div.ms-main-up-wrapper .mjtc-admin-staff-anchor-wrapper:hover .mjtc-report-box-color {opacity: 1;width: 100%;}s
/* Chart Fixes */
div.ms-main-up-wrapper #curve_chart {width: 100% !important;height: auto !important;min-height: 400px;overflow: hidden;}
div.ms-main-up-wrapper #curve_chart > div {position: relative !important;width: 100% !important;height: 100% !important;}
div.ms-main-up-wrapper #curve_chart svg {width: 100% !important;height: auto !important;}
/* =========================================
   4. Agent Single Report Section
   ========================================= */
div.ms-main-up-wrapper .mjtc-admin-staff-wrapper.padding {padding: 0; display: flex;flex-wrap: wrap;border: 1px solid var(--mjtc-color-6);border-radius: 16px;overflow: hidden;box-shadow: 0 1px 3px rgba(0,0,0,0.05);}
div.ms-main-up-wrapper .mjtc-festaffreport-img {flex: 0 0 320px;display: flex;align-items: center;padding: 20px 25px;background-color: var(--mjtc-color-3);border-right: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-report-staff-image-wrapper {flex-shrink: 0;margin-right: 15px;}
div.ms-main-up-wrapper .mjtc-report-staff-pic {width: 64px;height: 64px;border-radius: 50%;border: 3px solid var(--mjtc-color-7);object-fit: cover;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
div.ms-main-up-wrapper .mjtc-report-staff-cnt {display: flex;flex-direction: column;justify-content: center;}
div.ms-main-up-wrapper .mjtc-report-staff-name {font-size: 1em;font-weight: 700;color: var(--mjtc-color-2);margin-bottom: 2px;}
div.ms-main-up-wrapper .mjtc-report-staff-username {font-size: .8em;color: var(--mjtc-color-4);margin-bottom: 2px;}
div.ms-main-up-wrapper .mjtc-report-staff-email {font-size: .8em;color: var(--mjtc-color-8);font-weight: 500;}
div.ms-main-up-wrapper .mjtc-festaffreport-data {flex: 1;display: flex;align-items: center;justify-content: space-evenly;padding: 20px;background-color: var(--mjtc-color-7);}
div.ms-main-up-wrapper .mjtc-admin-report-box {text-align: center;padding: 10px;flex: 1;}
div.ms-main-up-wrapper .mjtc-report-box-number {display: block;font-size: 24px;font-weight: 800;color: var(--mjtc-color-2);margin-bottom: 5px;}
div.ms-main-up-wrapper .mjtc-report-box-title {font-size: .7em;text-transform: uppercase;letter-spacing: 0.5px;font-weight: 600;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-festaffreport-data .box1 .mjtc-report-box-number { color: #10b981; }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box2 .mjtc-report-box-number { color: var(--mjtc-color-8); }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box3 .mjtc-report-box-number { color: #f59e0b; }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box4 .mjtc-report-box-number { color: #ef4444; }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box5 .mjtc-report-box-number { color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .mjtc-report-box-color {height: 4px;width: 30px;margin: 8px auto 0;border-radius: 10px;opacity: 0.4;}
div.ms-main-up-wrapper .mjtc-festaffreport-data .box1 .mjtc-report-box-color { background-color: #10b981; }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box2 .mjtc-report-box-color { background-color: var(--mjtc-color-8); }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box3 .mjtc-report-box-color { background-color: #f59e0b; }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box4 .mjtc-report-box-color { background-color: #ef4444; }
div.ms-main-up-wrapper .mjtc-festaffreport-data .box5 .mjtc-report-box-color { background-color: var(--mjtc-color-2); }
/* =========================================
   5. Tickets Table Section
   ========================================= */
div.ms-main-up-wrapper .mjtc-support-table-wrp {width: 100%;border: 1px solid var(--mjtc-color-6);border-radius: 12px;overflow: hidden;}
div.ms-main-up-wrapper .mjtc-support-table-header {display: flex;background-color: var(--mjtc-color-3);padding: 15px 20px;font-weight: 700;color: var(--mjtc-color-2);border-bottom: 1px solid var(--mjtc-color-6);font-size: .9em;text-transform: uppercase;letter-spacing: 0.5px;gap: 12px;}
div.ms-main-up-wrapper .mjtc-support-table-header-col {flex: 1;}
div.ms-main-up-wrapper .mjtc-col-md-4 { flex: 1 1 auto;width: 320px; }
div.ms-main-up-wrapper .mjtc-col-md-3 { flex: 0 0 25%; max-width: 25%; }
div.ms-main-up-wrapper .mjtc-col-md-2 { flex: 0 0 20%; max-width: calc(20% - 16px); }
div.ms-main-up-wrapper .mjtc-col-md-8 { flex: 1 1 66.66%; }
div.ms-main-up-wrapper .mjtc-support-table-body-col.mjtc-sprt-tbl-uid{flex: 0 0 10%;width: 10%;}
div.ms-main-up-wrapper .mjtc-support-table-body-col.mjtc-sprt-tbl-unm{flex: 0 0 30%;width: 30%;display: flex;align-items: center;justify-content: center;}
div.ms-main-up-wrapper .mjtc-support-table-body-col.mjtc-sprt-tbl-eml{flex: 0 0 30%;width: 30%;display: flex;align-items: center;justify-content: center;}
div.ms-main-up-wrapper .mjtc-support-table-body-col.mjtc-sprt-tbl-nam{flex: 0 0 calc(30% - 36px);width: calc(30% - 36px);display: flex;align-items: center;justify-content: center;}
div.ms-main-up-wrapper .mjtc-support-table-header-col.mjtc-sprt-tbl-uid{flex: 0 0 10%;width: 10%;}
div.ms-main-up-wrapper .mjtc-support-table-header-col.mjtc-sprt-tbl-unm{flex: 0 0 30%;width: 30%;display: flex;align-items: center;justify-content: center;}
div.ms-main-up-wrapper .mjtc-support-table-header-col.mjtc-sprt-tbl-eml{flex: 0 0 30%;width: 30%;display: flex;align-items: center;justify-content: center;}
div.ms-main-up-wrapper .mjtc-support-table-header-col.mjtc-sprt-tbl-nam{flex: 0 0 calc(30% - 36px);width: calc(30% - 36px);display: flex;align-items: center;justify-content: center;}
div.ms-main-up-wrapper .mjtc-support-table-header-col span{display: block ;width: 100%;}
div.ms-main-up-wrapper .mjtc-support-table-body-col span{display: block ;flex: 1 1 auto;width: 60%;}
div.ms-main-up-wrapper #userpopup .mjtc-support-table-body-col span.mjtc-support-title{width: 100%;}
div.ms-main-up-wrapper #userpopup .mjtc-support-table-header .mjtc-support-table-header-col{width: 40%;flex: 1 1 auto;}
div.ms-main-up-wrapper .mjtc-support-table-body-col span.mjtc-ticket-priority{width:auto;}
div.ms-main-up-wrapper .mjtc-support-table-body-col span.mjtc-support-priority{width:auto;}
div.ms-main-up-wrapper .mjtc-support-table-body-col span.mjtc-support-display-block{display: none ;width: 100%;}
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-support-data-row {display: flex;padding: 15px 20px;border-bottom: 1px solid var(--mjtc-color-6);align-items: center;background-color: var(--mjtc-color-7);transition: background-color 0.2s;}
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-support-data-row:last-child {border-bottom: none;}
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-support-data-row:hover {background-color: #f8fafc;}
div.ms-main-up-wrapper .mjtc-support-display-block {display: none;font-weight: 700;margin-right: 5px;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-title-anchor:hover {color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-download-content-wrp .mjtc-support-table-wrp .mjtc-ticket-priority {display: inline-block;padding: 6px 12px !important;border-radius: 6px;font-size: .7em;font-weight: 600;line-height: 1;}
div.ms-main-up-wrapper .mjtc-support-download-content-wrp .mjtc-support-table-wrp .mjtc-support-priority {display: inline-block;padding: 4px 10px;border-radius: 20px;font-size: .65em;font-weight: 700;text-transform: uppercase;color: #ffffff;}
/* department reports */
div.ms-main-up-wrapper .mjtc-departmentlist .mjtc-festaffreport-img {flex: 1 1 auto;display: flex;align-items: center;padding: 25px 30px;background-color: var(--mjtc-color-3);border-right: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-departmentlist .departmentname {font-size: 1.1em;font-weight: 800;color: var(--mjtc-color-2);position: relative;padding-left: 15px;}div.ms-main-up-wrapper .mjtc-admin-staff-wrapper.mjtc-departmentlist {display: flex;flex-wrap: wrap;border: 1px solid var(--mjtc-color-6);border-radius: 16px;overflow: hidden;box-shadow: 0 1px 3px rgba(0,0,0,0.05);background-color: var(--mjtc-color-7);margin-bottom: 20px;transition: transform 0.2s ease, box-shadow 0.2s ease;}
div.ms-main-up-wrapper .mjtc-admin-staff-wrapper.mjtc-departmentlist:hover {transform: translateY(-2px);box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border-color: var(--mjtc-color-8);}div.ms-main-up-wrapper .mjtc-departmentlist .departmentname::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 24px;width: 4px;background-color: var(--mjtc-color-1);border-radius: 4px;}
/* feedback page */
/* =========================================
   2. FEEDBACK PAGE SPECIFIC STYLES
   ========================================= */
div.ms-main-up-wrapper .mjtc-support-fields-wrp {display: flex;flex-wrap: wrap;gap: 15px;align-items: flex-end;}
div.ms-main-up-wrapper .mjtc-support-form-field {flex: 1 1 200px;display: flex;flex-direction: column;}
div.ms-main-up-wrapper .mjtc-support-feedbacks-search-form-btn-overall-wrp{margin-left: auto;}
div.ms-main-up-wrapper .mjtc-support-feedback-list-wrapper {background: var(--mjtc-color-7);border-radius: 16px;padding: 30px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);border: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-feedback-heading {font-size: 1.1em;font-weight: 700;color: var(--mjtc-color-2);margin-bottom: 25px;padding-bottom: 15px;border-bottom: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .ms-feedback-det-wrp {border: 1px solid var(--mjtc-color-6);border-radius: 12px;margin-bottom: 20px;padding: 20px;transition: transform 0.2s, box-shadow 0.2s;background-color: #fff;background-color: var(--mjtc-color-7);}
div.ms-main-up-wrapper .ms-feedback-det-wrp:hover {transform: translateY(-2px);box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);border-color: var(--mjtc-color-8);}
div.ms-main-up-wrapper .ms-feedback-det-list-top {display: flex;align-items: flex-start;gap: 20px;}
div.ms-main-up-wrapper .ms-feedback-det-list-img-wrp {flex-shrink: 0;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: var(--mjtc-color-3);border-radius: 50%;}
div.ms-main-up-wrapper .ms-feedback-det-list-img-wrp img,
div.ms-main-up-wrapper .ms-feedback-det-list-img-wrp svg {width: 32px;height: 32px;}
div.ms-main-up-wrapper .ms-feedback-det-list-data-wrp {flex: 1;display: flex;flex-wrap: wrap;gap: 20px;}
div.ms-main-up-wrapper .ms-feedback-det-list-data-left {flex: 1 1 60%;}
div.ms-main-up-wrapper .ms-feedback-det-list-data-right {flex: 1 1 30%;display: flex;flex-direction: column;align-items: flex-end;text-align: right;}
div.ms-main-up-wrapper .ms-feedback-det-list-data-row {margin-bottom: 6px;display: flex;align-items: center;gap: 8px;}
div.ms-main-up-wrapper .ms-feedback-det-list-data-val.name {font-size: 1em;font-weight: 700;color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .ms-feedback-det-list-data-anch {font-size: .9em;font-weight: 600;color: var(--mjtc-color-8);transition: color 0.2s;}
div.ms-main-up-wrapper .ms-feedback-det-list-data-anch:hover {color: var(--mjtc-color-1);text-decoration: underline;}
div.ms-main-up-wrapper .ms-feedback-det-list-data-title {font-size: .7em;font-weight: 600;color: var(--mjtc-color-5);text-transform: uppercase;}
div.ms-main-up-wrapper .ms-feedback-det-list-data-val {font-size: .8em;color: var(--mjtc-color-4);}
/* Custom Fields */
div.ms-main-up-wrapper .ms-feedback-det-list-cust-flds {display: flex;gap: 8px;margin-top: 5px;font-size: .8em;}
div.ms-main-up-wrapper .ms-feedback-det-list-cust-flds-title {font-weight: 600;color: var(--mjtc-color-5);}
div.ms-main-up-wrapper .ms-feedback-det-list-cust-flds-val {color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .ms-feedback-det-list-btm {margin-top: 15px;padding-top: 15px;border-top: 1px dashed var(--mjtc-color-6);}
div.ms-main-up-wrapper .ms-feedback-det-list-btm-title {font-size: .7em;font-weight: 700;color: var(--mjtc-color-2);margin-bottom: 5px;text-transform: uppercase;}
div.ms-main-up-wrapper .ms-feedback-det-list-btm-val {font-size: .9em;line-height: 1.5;color: var(--mjtc-color-4);font-style: italic;}
div.ms-main-up-wrapper .tablenav {margin-top: 20px;display: flex;justify-content: flex-end;}
div.ms-main-up-wrapper .tablenav-pages {font-size: .8em;color: var(--mjtc-color-4);}
/* export data page */
div.ms-main-up-wrapper .mjtc-support-top-search-wrp {background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 12px;padding: 20px 24px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);margin-bottom: 20px;}
div.ms-main-up-wrapper .mjtc-support-search-heading-wrp {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 15px;}
/* Left Text Styling */
div.ms-main-up-wrapper .mjtc-support-heading-left {font-size: 1.1em;font-weight: 700;color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-support-add-download-btn {display: inline-flex;align-items: center;justify-content: center;background-color: var(--mjtc-color-1);color: var(--mjtc-color-7);padding: 10px 20px;border-radius: 8px;text-decoration: none;font-size: .9em;font-weight: 600;transition: all 0.2s ease;box-shadow: 0 2px 4px rgba(41, 26, 188, 0.2);}
div.ms-main-up-wrapper .mjtc-support-add-download-btn:hover {opacity: 0.9;transform: translateY(-1px);box-shadow: 0 4px 6px rgba(41, 26, 188, 0.3);}
div.ms-main-up-wrapper .mjtc-support-add-img-wrp {display: inline-block;width: 18px;height: 18px;margin-right: 8px;background-color: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") no-repeat center;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size: contain;mask-size: contain;}
/* Notification Mesages*/
div.ms-main-up-wrapper .frontend.updated {position: relative;background-color: #ffffff;border: 1px solid #f1f5f9;color: #0f172a;padding: 16px 24px 16px 20px;border-radius: 16px;box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.15), 0 8px 10px -6px rgba(16, 185, 129, 0.1);font-size: 15px;font-weight: 600;display: flex;align-items: center;animation: toastPop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;overflow: hidden;width: 100%;height: auto;}
div.ms-main-up-wrapper .frontend.updated::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 5px;background: linear-gradient(180deg, #34d399 0%, #059669 100%);}
div.ms-main-up-wrapper .frontend.updated::after {content: '';display: block;width: 32px;height: 32px;margin-right: 14px;margin-left: 8px;border-radius: 50%;background-color: #d1fae5;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size: 16px;background-position: center;background-repeat: no-repeat;flex-shrink: 0;box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2);order: -1;}
div.ms-main-up-wrapper .frontend.updated p {margin: 0;padding: 0;letter-spacing: 0.3px;}
/* merge ticket */
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper.mjtc-support-merge-ticket-wrapper{flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-merge-ticket-wrapper .mjtc-edit-msg-field-wrp{padding: 0;width: 100%;}
div.ms-main-up-wrapper .ms-merge-popup-wrapper .mjtc-support-cont-main-wrapper.mjtc-view-last-tickets{flex-wrap: wrap;}
div.ms-main-up-wrapper .ms-merge-popup-wrapper .mjtc-support-cont-main-wrapper.mjtc-view-last-tickets .mjtc-heading-text{width: 100%;margin-bottom: 1.5em;}
div.ms-main-up-wrapper .mjtc-view-last-tickets .mjtc-edit-msg-field-wrp{width: 100%;padding: 0;}
div.ms-main-up-wrapper .mjtc-edit-msg-field-wrp {padding: 0 20px 20px 20px;display: flex;flex-direction: column;gap: 8px;}
div.ms-main-up-wrapper .mjtc-edit-msg-heading {font-size: 14px;font-weight: 600;color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-edit-msg-field-wrp textarea {width: 100%;padding: 12px;border: 1px solid var(--mjtc-color-6);border-radius: 8px;font-family: inherit;font-size: 14px;color: var(--mjtc-color-4);background-color: #fcfcfc;resize: vertical;box-sizing: border-box;}
div.ms-main-up-wrapper .mjtc-edit-msg-field-wrp textarea:focus {outline: none;border-color: var(--mjtc-color-5);background-color: #fff;}
div.ms-main-up-wrapper .mjtc-heading-text {display: block;text-align: center;font-size: 14px;font-weight: 600;color: var(--mjtc-color-5);text-transform: uppercase;letter-spacing: 1px;margin: 10px 0;position: relative;}
div.ms-main-up-wrapper .mjtc-heading-text::before,
div.ms-main-up-wrapper .mjtc-heading-text::after {content: '';position: absolute;top: 50%;width: 30%;height: 1px;background-color: var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-heading-text::before { left: 5%; }
div.ms-main-up-wrapper .mjtc-heading-text::after { right: 5%; }
div.ms-main-up-wrapper .mjtc-merge-save-btn {background-color: var(--mjtc-color-1);color: #fff;padding: 12px 24px;border: none;border-radius: 8px;font-size: 15px;font-weight: 600;cursor: pointer;transition: all 0.2s;box-shadow: 0 4px 10px rgba(41, 26, 188, 0.2);}
div.ms-main-up-wrapper .mjtc-merge-save-btn:hover {opacity: 0.9;transform: translateY(-1px);}
/* offline message */
div.ms-main-up-wrapper .mjtc-support-error-message-wrapper {background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 16px;padding: 50px 30px;text-align: center;max-width: 650px;margin: 60px auto;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);animation: slideDownFade 0.5s ease-out forwards;width: 100%;}
div.ms-main-up-wrapper .mjtc-support-message-image {width: 120px;height: auto;opacity: 0.85;object-fit: contain;}
div.ms-main-up-wrapper .mjtc-support-messages-main-text {display: block;font-size: 26px;font-weight: 700;color: var(--mjtc-color-2);margin-bottom: 12px;letter-spacing: -0.5px;}
div.ms-main-up-wrapper .mjtc-support-messages-block_text {display: block;font-size: 15px;color: var(--mjtc-color-4);line-height: 1.6;}
div.ms-main-up-wrapper .mjtc-support-messages-block_text p {margin: 0 0 8px 0;}
div.ms-main-up-wrapper .mjtc-support-messages-block_text p:last-child {margin-bottom: 0;}
div.ms-main-up-wrapper .mjtc-support-user-login-btn-wrp {display: inline-flex;align-items: center;gap: 12px;margin-top: 1.5em;}
div.ms-main-up-wrapper .mjtc-support-login-btn,
div.ms-main-up-wrapper .mjtc-support-register-btn {display: inline-flex;align-items: center;justify-content: center;padding: 10px 24px;border-radius: 8px;font-size: 14px;font-weight: 600;text-decoration: none;transition: all 0.2s ease;font-family: inherit;}
div.ms-main-up-wrapper .mjtc-support-login-btn {background-color: transparent;color: var(--mjtc-color-2);border: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-login-btn:hover {background-color: var(--mjtc-color-6);color: var(--mjtc-color-1);border-color: var(--mjtc-color-5);}
div.ms-main-up-wrapper .mjtc-support-register-btn {background-color: var(--mjtc-color-1);color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-1);box-shadow: 0 2px 4px rgba(41, 26, 188, 0.2);}
div.ms-main-up-wrapper .mjtc-support-register-btn:hover {opacity: 0.9;transform: translateY(-1px);box-shadow: 0 4px 6px rgba(41, 26, 188, 0.3);}
div.ms-main-up-wrapper .mjtc-support-top-search-wrp {background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 12px;padding: 20px 24px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);margin-bottom: 20px;}
div.ms-main-up-wrapper .mjtc-support-search-heading-wrp {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px;}
div.ms-main-up-wrapper .mjtc-support-heading-left {font-size: 18px; font-weight: 700; color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-support-add-download-btn {display: inline-flex; align-items: center; justify-content: center;background-color: var(--mjtc-color-1); color: var(--mjtc-color-7);padding: 10px 20px; border-radius: 8px; text-decoration: none;font-size: 14px; font-weight: 600; transition: all 0.2s ease;box-shadow: 0 2px 4px rgba(41, 26, 188, 0.2);}
div.ms-main-up-wrapper .mjtc-support-add-download-btn:hover { opacity: 0.9; transform: translateY(-1px); }
div.ms-main-up-wrapper .mjtc-support-add-img-wrp {display: inline-block; width: 18px; height: 18px; margin-right: 8px; background-color: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") no-repeat center;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size: contain; mask-size: contain;}
div.ms-main-up-wrapper .mjtc-support-search-top {display: flex;align-items: flex-start;gap: 20px;background-color: var(--mjtc-color-7);padding: 24px;border: 1px solid var(--mjtc-color-6);border-radius: 12px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);margin-bottom: 30px;}
div.ms-main-up-wrapper .mjtc-support-search-left {flex-grow: 1;width: 100%;}
div.ms-main-up-wrapper .mjtc-support-search-fields-wrp {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 15px;}
div.ms-main-up-wrapper .mjtc-support-search-input-fields {width: 100%;padding: 12px 16px;border: 1px solid var(--mjtc-color-6);border-radius: 8px;font-size: 14px;color: var(--mjtc-color-2);background-color: #fcfcfc;box-sizing: border-box;font-family: inherit;transition: all 0.2s ease;}
div.ms-main-up-wrapper .mjtc-support-search-input-fields:focus {outline: none;border-color: var(--mjtc-color-1);background-color: #fff;box-shadow: 0 0 0 3px rgba(41, 26, 188, 0.1);}
div.ms-main-up-wrapper .mjtc-support-search-right {flex-shrink: 0;}
div.ms-main-up-wrapper .mjtc-support-search-btn-wrp {display: flex;gap: 10px;}
div.ms-main-up-wrapper .mjtc-support-search-btn {padding: 12px 24px;background-color: var(--mjtc-color-1);color: #fff;border: none;border-radius: 8px;cursor: pointer;font-weight: 600;font-size: 14px;transition: opacity 0.2s;}
div.ms-main-up-wrapper .mjtc-support-search-btn:hover {opacity: 0.9;}
div.ms-main-up-wrapper .mjtc-support-reset-btn {padding: 12px 24px;background-color: var(--mjtc-color-6);color: var(--mjtc-color-4);border: none;border-radius: 8px;cursor: pointer;font-weight: 600;font-size: 14px;transition: background-color 0.2s;}
div.ms-main-up-wrapper .mjtc-support-reset-btn:hover {background-color: #cbd5e1;color: var(--mjtc-color-2);}
/* loading */
div.ms-main-up-wrapper #mstran_loading {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.85); /* Slightly brighter overlay */backdrop-filter: blur(4px);display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 9999;}
div.ms-main-up-wrapper #mstran_loading, div.ms-main-up-wrapper #black_wrapper_translation{display: none;}
@keyframes ms-spin {to { transform: rotate(360deg); }}
div.ms-main-up-wrapper .ms-css-spinner {width: 54px;height: 54px;border: 4px solid rgba(41, 26, 188, 0.15); /* Light transparent track */border-top-color: var(--mjtc-color-1); /* Primary color spinning head */border-radius: 50%;animation: ms-spin 0.8s linear infinite;box-shadow: 0 4px 15px rgba(0,0,0,0.05);}
/* new ticket top message */
div.ms-main-up-wrapper .mjtc-support-form-instruction-message {background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-left: 4px solid var(--mjtc-color-1); /* Accent border */padding: 20px 24px;border-radius: 8px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);margin-bottom: 24px;color: var(--mjtc-color-2);font-size: 15px;line-height: 1.6;}
div.ms-main-up-wrapper .mjtc-support-form-instruction-message p,
div.ms-main-up-wrapper .mjtc-support-form-instruction-message ul,
div.ms-main-up-wrapper .mjtc-support-form-instruction-message ol {margin: 0 0 12px 0;}
div.ms-main-up-wrapper .mjtc-support-form-instruction-message p:last-child,
div.ms-main-up-wrapper .mjtc-support-form-instruction-message ul:last-child,
div.ms-main-up-wrapper .mjtc-support-form-instruction-message ol:last-child {margin-bottom: 0;}
div.ms-main-up-wrapper .mjtc-support-form-instruction-message ul {list-style-type: disc;padding-left: 20px;}
div.ms-main-up-wrapper .mjtc-support-form-instruction-message ol {list-style-type: decimal;padding-left: 20px;}
div.ms-main-up-wrapper .mjtc-support-form-instruction-message a {color: var(--mjtc-color-1);text-decoration: underline;text-underline-offset: 2px;font-weight: 600;transition: color 0.2s ease;}
div.ms-main-up-wrapper .mjtc-support-form-instruction-message a:hover {color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-support-form-instruction-message h1,
div.ms-main-up-wrapper .mjtc-support-form-instruction-message h2,
div.ms-main-up-wrapper .mjtc-support-form-instruction-message h3,
div.ms-main-up-wrapper .mjtc-support-form-instruction-message h4 {margin-top: 0;margin-bottom: 12px;color: var(--mjtc-color-2);font-weight: 700;}
/* Dashboard Empty State */
div.ms-main-up-wrapper .mjtc-support-cp-empty-state {padding: 32px;text-align: center;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-cp-empty-state svg {width: 80px;height: 80px;margin-bottom: 8px;opacity: 0.5;display: inline-block;fill:currentColor;}
div.ms-main-up-wrapper .mjtc-support-cp-leaderboard-item {display: flex;align-items: center;padding: 12px 0;border-bottom: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-cp-leaderboard-item:last-child { border-bottom: none; }
div.ms-main-up-wrapper .mjtc-support-cp-rank {width: 24px;font-weight: 700;color: var(--mjtc-color-5);margin-right: 12px;text-align: center;font-size: 14px;display: flex; justify-content: center;}
div.ms-main-up-wrapper .mjtc-support-cp-rank svg { width: 16px; height: 16px; }
div.ms-main-up-wrapper .mjtc-support-cp-rank-1 { color: #f59e0b; }
div.ms-main-up-wrapper .mjtc-support-cp-rank-2 { color: #9ca3af; }
div.ms-main-up-wrapper .mjtc-support-cp-rank-3 { color: #b45309; }
div.ms-main-up-wrapper .mjtc-support-cp-leaderboard-user {flex-grow: 1;display: flex;align-items: center;gap: 10px;font-weight: 500;font-size: 14px;}
div.ms-main-up-wrapper .mjtc-support-cp-leaderboard-score {font-weight: 700;color: var(--mjtc-color-2);text-align: right;}
div.ms-main-up-wrapper .mjtc-support-cp-leaderboard-score span {font-weight: 400;font-size: 11px;color: var(--mjtc-color-4);display: block;}
div.ms-main-up-wrapper .mjtc-support-cp-scratchpad-area {width: 100%;height: 100px;border: 1px solid var(--mjtc-color-6);border-radius: 8px;padding: 12px;font-family: inherit;font-size: 13px;resize: vertical;outline: none;background: #fafafa;color: var(--mjtc-color-2);transition: all 0.2s;}
div.ms-main-up-wrapper .mjtc-support-cp-scratchpad-area:focus {border-color: var(--mjtc-color-1);background: var(--mjtc-color-7);box-shadow: 0 0 0 3px #eef2ff;}
div.ms-main-up-wrapper .mjtc-support-cp-article-list {display: flex;flex-direction: column;gap: 12px;}
div.ms-main-up-wrapper .mjtc-support-cp-article-item {display: flex;align-items: flex-start;gap: 12px;padding-bottom: 12px;border-bottom: 1px solid var(--mjtc-color-6);cursor: pointer;transition: transform 0.1s;}
div.ms-main-up-wrapper .mjtc-support-cp-article-item:hover {transform: translateX(2px);}
div.ms-main-up-wrapper .mjtc-support-cp-article-item:last-child {border-bottom: none;padding-bottom: 0;}
div.ms-main-up-wrapper .mjtc-support-cp-article-icon {background: #eef2ff;color: var(--mjtc-color-1);width: 32px;height: 32px;border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 14px;flex-shrink: 0;}
div.ms-main-up-wrapper .mjtc-support-cp-article-icon svg { width: 16px; height: 16px; }
div.ms-main-up-wrapper .mjtc-support-cp-article-content {flex: 1;}
div.ms-main-up-wrapper .mjtc-support-cp-article-content div:first-child {font-size: 13px;font-weight: 500;color: var(--mjtc-color-2);margin-bottom: 2px;line-height: 1.3;}
div.ms-main-up-wrapper .mjtc-support-cp-article-content div:last-child {font-size: 11px;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-cp-tabs-header {display: flex;border-bottom: 1px solid var(--mjtc-color-6);margin-bottom: 20px;overflow-x: auto;flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-cp-tab-btn {padding: 12px 20px;cursor: pointer;border-bottom: 2px solid transparent;font-weight: 500;color: var(--mjtc-color-4);font-size: 14px;white-space: nowrap;transition: all 0.2s;display: flex; align-items: center;}
div.ms-main-up-wrapper .mjtc-support-cp-tab-btn svg {margin-right: 8px;width: 16px; height: 16px;}
div.ms-main-up-wrapper .mjtc-support-cp-tab-btn:hover {color: var(--mjtc-color-1);background-color: #eef2ff;border-radius: 8px 8px 0 0;}
div.ms-main-up-wrapper .mjtc-support-cp-tab-btn.active {color: var(--mjtc-color-1);border-bottom-color: var(--mjtc-color-1);font-weight: 600;}
div.ms-main-up-wrapper .mjtc-support-cp-tab-pane {display: none;animation: fadeIn 0.3s ease;}
div.ms-main-up-wrapper .mjtc-support-cp-tab-pane.active {display: block;}
@keyframes fadeIn {from { opacity: 0; transform: translateY(5px); }to { opacity: 1; transform: translateY(0); }}
div.ms-main-up-wrapper .mjtc-support-cp-download-item {display: flex;align-items: center;justify-content: space-between;padding: 12px;border: 1px solid var(--mjtc-color-6);border-radius: 8px;margin-bottom: 8px;transition: background 0.1s;}
div.ms-main-up-wrapper .mjtc-support-cp-download-item:hover {background: #f9fafb;}
div.ms-main-up-wrapper .mjtc-support-cp-download-info {display: flex;align-items: center;gap: 12px;}
div.ms-main-up-wrapper .mjtc-support-cp-file-icon {width: 36px;height: 36px;background: var(--mjtc-color-3);border-radius: 6px;display: flex;align-items: center;justify-content: center;color: var(--mjtc-color-4);font-size: 16px;}
div.ms-main-up-wrapper .mjtc-support-cp-file-icon svg { width: 18px; height: 18px; }
div.ms-main-up-wrapper .mjtc-support-cp-announcement-item {padding: 16px;border-left: 3px solid var(--mjtc-color-1);background: #f9fafb;margin-bottom: 10px;border-radius: 0 8px 8px 0;}
div.ms-main-up-wrapper .mjtc-support-cp-announcement-meta {font-size: 11px;color: var(--mjtc-color-4);margin-bottom: 4px;display: flex;justify-content: space-between;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-cp-announcement-meta svg { width: 12px; height: 12px; margin-right: 4px; }
div.ms-main-up-wrapper .mjtc-support-cp-announcement-title {font-weight: 600;font-size: 14px;margin-bottom: 4px;color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .mjtc-support-cp-faq-item {border: 1px solid var(--mjtc-color-6);border-radius: 8px;margin-bottom: 8px;overflow: hidden;}
div.ms-main-up-wrapper .mjtc-support-cp-faq-question {padding: 12px 16px;background: var(--mjtc-color-7);font-weight: 500;cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-size: 14px;transition: background 0.2s;}
div.ms-main-up-wrapper .mjtc-support-cp-faq-question svg { transition: transform 0.2s; width: 14px; height: 14px; }
div.ms-main-up-wrapper .mjtc-support-cp-faq-question:hover {background: #f9fafb;}
div.ms-main-up-wrapper .mjtc-support-cp-faq-answer {padding: 16px;display: none;border-top: 1px solid var(--mjtc-color-6);font-size: 13px;color: var(--mjtc-color-4);background: #f9fafb;line-height: 1.5;}
div.ms-main-up-wrapper .mjtc-support-cp-faq-item.open .mjtc-support-cp-faq-answer {display: block;}
div.ms-main-up-wrapper .mjtc-support-cp-faq-item.open .mjtc-support-cp-faq-question {background: var(--mjtc-color-3);color: var(--mjtc-color-1);}
.mjtc-rotate-180 { transform: rotate(180deg); }
div.ms-main-up-wrapper .mjtc-support-cp-action-list a {display: flex;align-items: center;padding: 12px;border-radius: 8px;margin-bottom: 8px;color: var(--mjtc-color-2);transition: background 0.2s;font-weight: 500;}
div.ms-main-up-wrapper .mjtc-support-cp-action-list a:hover {background-color: var(--mjtc-color-3);color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cp-action-list a span.icon-box {width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background: #eef2ff;color: var(--mjtc-color-1);border-radius: 6px;margin-right: 12px;}
div.ms-main-up-wrapper .mjtc-support-cp-action-list a span.icon-box svg { width: 16px; height: 16px; }
div.ms-main-up-wrapper .mjtc-support-cp-progress-item {margin-bottom: 16px;}
div.ms-main-up-wrapper .mjtc-support-cp-progress-header {display: flex;justify-content: space-between;font-size: 13px;margin-bottom: 6px;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-cp-progress-bg {height: 6px;width: 100%;background: var(--mjtc-color-3);border-radius: 3px;overflow: hidden;}
div.ms-main-up-wrapper .mjtc-support-cp-progress-fill {height: 100%;border-radius: 3px;}
div.ms-main-up-wrapper .mjtc-support-cp-activity-item {display: flex;gap: 12px;padding-bottom: 16px;margin-bottom: 16px;border-bottom: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-cp-activity-item:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
div.ms-main-up-wrapper .mjtc-support-cp-activity-dot {width: 10px;height: 10px;background: var(--mjtc-color-1);border-radius: 50%;margin-top: 6px;flex-shrink: 0;position: relative;}
div.ms-main-up-wrapper .mjtc-support-cp-vip-list {display: flex;flex-wrap: wrap;gap: 12px;}
div.ms-main-up-wrapper .mjtc-support-cp-vip-card {display: flex;justify-content: space-between;align-items: center;padding: 16px;background: linear-gradient(135deg, #ffffff 0%, #f3f4f6 100%);border: 1px solid var(--mjtc-color-6);border-radius: 8px;transition: transform 0.2s, box-shadow 0.2s;cursor: pointer;/* Flex props */flex: 1 1 200px;}
div.ms-main-up-wrapper .mjtc-support-cp-vip-card:hover {transform: translateY(-2px);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);border-color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-cp-vip-avatar {width: 32px;height: 32px;background: #eef2ff;color: var(--mjtc-color-1);border-radius: 6px;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 12px;margin-right: 12px;}
div.ms-main-up-wrapper .mjtc-support-cp-vip-info { flex: 1; }
div.ms-main-up-wrapper .mjtc-support-cp-vip-info h5 { margin: 0; font-size: 14px; font-weight: 600; color: var(--mjtc-color-2); }
div.ms-main-up-wrapper .mjtc-support-cp-vip-info span { font-size: 11px; color: var(--mjtc-color-1); }
div.ms-main-up-wrapper .mjtc-support-cp-mobile-menu-btn {display: none;font-size: 0;background: none;border: none;cursor: pointer;color: var(--mjtc-color-2);padding: 0;margin-right: 16px;}
div.ms-main-up-wrapper .mjtc-support-cp-mobile-menu-btn svg { width: 24px; height: 24px;fill: currentColor;}

/* mail forms */
div.ms-main-up-wrapper .hidden { display: none !important; }
div.ms-main-up-wrapper .mjtc-support-container {max-width: 1280px;margin: 0 auto;padding: 0 1em;width: 100%;}
div.ms-main-up-wrapper svg {display: inline-block;vertical-align: middle;width: 1em;height: 1em;fill: currentColor; }
div.ms-main-up-wrapper .ms-tabs-menu-wrp svg{min-width: 1em;}
div.ms-main-up-wrapper svg.outline-icon {fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;}
div.ms-main-up-wrapper .mjtc-support-main-nav {position: sticky;top: 0;z-index: 50;background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(8px);border-bottom: 1px solid var(--mjtc-color-6);height: 80px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);}
div.ms-main-up-wrapper .mjtc-support-nav-content {display: flex;align-items: center;justify-content: space-between;height: 100%;}
div.ms-main-up-wrapper .mjtc-support-brand {display: flex;align-items: center;gap: 0.75em;width: 200px;text-decoration: none;}
div.ms-main-up-wrapper .mjtc-support-brand-icon {width: 36px;height: 36px;background-color: var(--mjtc-color-1);border-radius: 12px;display: flex;align-items: center;justify-content: center;color: var(--mjtc-color-7);box-shadow: 0 4px 6px -1px rgba(41, 26, 188, 0.2);}
div.ms-main-up-wrapper .mjtc-support-brand-text {font-size: 1.125em;font-weight: 700;color: var(--mjtc-color-2);margin: 0;}
div.ms-main-up-wrapper .mjtc-support-brand-text span { color: var(--mjtc-color-1); }
div.ms-main-up-wrapper .mjtc-support-segmented-nav-wrapper {display: flex;flex: 1;justify-content: center;}
div.ms-main-up-wrapper .mjtc-support-nav-segmented-container {background-color: var(--mjtc-color-3);padding: 0.3em;border-radius: 0.75em;display: flex;gap: 0.25em;border: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-nav-segmented-item {padding: 0.5em 1.25em;border-radius: 0.5em;font-size: 0.875em;font-weight: 600;color: var(--mjtc-color-4);display: flex;align-items: center;gap: 0.6em;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);text-decoration: none;position: relative;}
div.ms-main-up-wrapper .mjtc-support-nav-segmented-item:hover {color: #334155;background-color: rgba(255,255,255,0.6);}
div.ms-main-up-wrapper .mjtc-support-nav-segmented-item.active {background-color: var(--mjtc-color-7);color: var(--mjtc-color-1);box-shadow: 0 2px 5px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.02);transform: scale(1.02);}
div.ms-main-up-wrapper .mjtc-support-nav-dot {width: 6px;height: 6px;background-color: #ef4444; /* Fixed Red */border-radius: 50%;position: absolute;top: 8px;right: 12px;box-shadow: 0 0 0 2px #fff;}
div.ms-main-up-wrapper .mjtc-support-user-actions {display: flex;align-items: center;gap: 1.5em;width: 200px;justify-content: flex-end;}
div.ms-main-up-wrapper .mjtc-support-icon-btn {color: var(--mjtc-color-5);padding: 0.5em;border-radius: 0.5em;transition: color 0.2s;display: flex;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-icon-btn:hover { color: #ef4444; background-color: #fef2f2; }
div.ms-main-up-wrapper .mjtc-support-profile-btn {display: flex;align-items: center;gap: 0.75em;background: none;border: none;cursor: pointer;padding: 0;}
div.ms-main-up-wrapper .mjtc-support-profile-info { text-align: right;display: block; }
div.ms-main-up-wrapper .mjtc-support-profile-name { font-size: 0.75em; font-weight: 700; color: var(--mjtc-color-2); margin: 0; }
div.ms-main-up-wrapper .mjtc-support-profile-role { font-size: 10px; color: var(--mjtc-color-4); margin: 0; }
div.ms-main-up-wrapper .mjtc-support-profile-img { width: 36px; height: 36px; border-radius: 8px; border: 1px solid var(--mjtc-color-6); }
div.ms-main-up-wrapper .mjtc-support-page-header {padding: 2em 0;display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 10;}
div.ms-main-up-wrapper .mjtc-support-header-title h2 {font-size: 1.5em;font-weight: 700;margin: 0;display: flex;align-items: center;gap: 0.75em;}
div.ms-main-up-wrapper .mjtc-support-header-badge {display: flex;align-items: center;gap: 0.375em;padding: 0.25em 0.75em;background-color: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 9999px;font-size: 10px;font-weight: 700;text-transform: uppercase;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-header-badge { display: none; }
div.ms-main-up-wrapper .mjtc-support-header-subtitle {font-size: 0.875em;color: var(--mjtc-color-4);font-weight: 500;margin-top: 0.25em;margin-bottom: 0;}
div.ms-main-up-wrapper .mjtc-support-btn-primary {padding: 10px 20px;border-radius: 8px;font-size: 0.9em;font-weight: 600;cursor: pointer;border: none;transition: all 0.2s;background-color: var(--mjtc-color-1);color: var(--mjtc-color-7);}
div.ms-main-up-wrapper .mjtc-support-btn-primary:hover { background-color: #1e139c; transform: translateY(-1px); }
div.ms-main-up-wrapper .mjtc-support-btn-primary:active { transform: scale(0.98); }
div.ms-main-up-wrapper .mjtc-support-stats-grid {display: flex;flex-direction: row;gap: 1.5em;margin-bottom: 2em;position: relative;z-index: 10;}
div.ms-main-up-wrapper .mjtc-support-stat-card-enhanced {background: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 0.75em;padding: 1.25em;position: relative;overflow: hidden;cursor: pointer;text-decoration: none;display: block;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);flex: 1;}
div.ms-main-up-wrapper .mjtc-support-stat-card-enhanced:hover {transform: translateY(-4px);box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.1);border-color: rgba(41, 26, 188, 0.3);}
div.ms-main-up-wrapper .mjtc-support-stat-card-enhanced.mjtc-support-active-filter {border-color: var(--mjtc-color-1);box-shadow: 0 0 0 2px rgba(41, 26, 188, 0.1);}
div.ms-main-up-wrapper .mjtc-support-card-content {display: flex;justify-content: space-between;align-items: flex-start;position: relative;z-index: 2;}
div.ms-main-up-wrapper .mjtc-support-stat-label { font-size: 0.75em; font-weight: 700; color: var(--mjtc-color-4); text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 0.5em 0; }
div.ms-main-up-wrapper .mjtc-support-stat-value { font-size: 1.875em; font-weight: 700; color: var(--mjtc-color-2); margin: 0; line-height: 1; }
div.ms-main-up-wrapper .mjtc-support-stat-badge {display: inline-block;margin-top: 0.5em;padding: 2px 8px;border-radius: 9999px;font-size: 10px;font-weight: 700;}
div.ms-main-up-wrapper .badge-indigo { background-color: rgba(41, 26, 188, 0.1); color: var(--mjtc-color-1); }
div.ms-main-up-wrapper .badge-emerald { background-color: #ecfdf5; color: #10b981; }
div.ms-main-up-wrapper .badge-purple { background-color: #f3e8ff; color: #9333ea; }
div.ms-main-up-wrapper .mjtc-support-stat-icon-wrapper {width: 48px;height: 48px;border-radius: 0.75em;display: flex;align-items: center;justify-content: center;font-size: 1.25em;transition: all 0.3s;}
div.ms-main-up-wrapper .mjtc-support-stat-card-enhanced:hover .mjtc-support-stat-icon-wrapper.icon-indigo, 
div.ms-main-up-wrapper .mjtc-support-stat-card-enhanced.mjtc-support-active-filter .mjtc-support-stat-icon-wrapper.icon-indigo { background-color: var(--mjtc-color-1); color: var(--mjtc-color-7); }
div.ms-main-up-wrapper .mjtc-support-stat-icon-wrapper.icon-indigo { background-color: rgba(41, 26, 188, 0.1); color: var(--mjtc-color-1); }
div.ms-main-up-wrapper .mjtc-support-stat-card-enhanced:hover .mjtc-support-stat-icon-wrapper.icon-emerald, 
div.ms-main-up-wrapper .mjtc-support-stat-card-enhanced.mjtc-support-active-filter .mjtc-support-stat-icon-wrapper.icon-emerald { background-color: #10b981; color: white; }
div.ms-main-up-wrapper .mjtc-support-stat-icon-wrapper.icon-emerald { background-color: #ecfdf5; color: #10b981; }
div.ms-main-up-wrapper .mjtc-support-stat-card-enhanced:hover .mjtc-support-stat-icon-wrapper.icon-purple, 
div.ms-main-up-wrapper .mjtc-support-stat-card-enhanced.mjtc-support-active-filter .mjtc-support-stat-icon-wrapper.icon-purple { background-color: #9333ea; color: white; }
div.ms-main-up-wrapper .mjtc-support-stat-icon-wrapper.icon-purple { background-color: #f3e8ff; color: #9333ea; }
div.ms-main-up-wrapper .mjtc-support-stat-bg-icon {position: absolute;right: -20px;bottom: -20px;width: 100px;height: 100px;opacity: 0.06;transform: rotate(-15deg);pointer-events: none;z-index: 1;transition: all 0.4s ease;}
div.ms-main-up-wrapper .mjtc-support-stat-card-enhanced:hover .mjtc-support-stat-bg-icon {transform: rotate(0deg) scale(1.1);opacity: 0.12;right: -10px;bottom: -10px;}
div.ms-main-up-wrapper .text-indigo-500 { color: var(--mjtc-color-1); }
div.ms-main-up-wrapper .text-emerald-500 { color: #10b981; }
div.ms-main-up-wrapper .text-purple-500 { color: #9333ea; }
div.ms-main-up-wrapper .mjtc-support-search-panel {background: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-radius: 0.75em;box-shadow: 0 10px 40px -10px rgba(0,0,0,0.08);margin-bottom: 2em;padding: 20px;}
div.ms-main-up-wrapper .mjtc-support-search-form {display: flex;flex-direction: row; align-items: center;gap: 1em;}
div.ms-main-up-wrapper .mjtc-support-input-group {position: relative;flex: 1;background-color: transparent;border-radius: 0.5em;border: 1px solid transparent;transition: all 0.2s;}
div.ms-main-up-wrapper .mjtc-support-input-icon {position: absolute;left: 10px;top: 50%;transform: translateY(-50%);color: var(--mjtc-color-5);display: flex;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-input-icon svg{width: 16px;height: 16px;margin-right: 8px;color: var(--mjtc-color-4);}
div.ms-main-up-wrapper .mjtc-support-input-group:focus-within .mjtc-support-input-icon { color: var(--mjtc-color-1); }
div.ms-main-up-wrapper .mjtc-support-search-input {width: 100%;padding:0px 14px 0 33px;border: none;background: transparent;font-size: 0.9em;font-weight: 500; font-family: inherit;color: var(--mjtc-color-2);outline: none;height: 40px;}
div.ms-main-up-wrapper .mjtc-support-search-input:focus-within{background: transparent;border: transparent;}
div.ms-main-up-wrapper .mjtc-support-search-actions {display: flex;align-items: center;gap: 0.75em;}
div.ms-main-up-wrapper .mjtc-support-btn-reset {padding: 0.5em 0.75em;color: var(--mjtc-color-4);background: none;border: none;border-radius: 0.5em;cursor: pointer;transition: all 0.2s;}
div.ms-main-up-wrapper .mjtc-support-btn-reset svg{width: 22px;height: 22px;background-color: transparent;box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);}
div.ms-main-up-wrapper .mjtc-support-btn-reset:hover { color: #ef4444; background-color: var(--mjtc-color-7); box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
div.ms-main-up-wrapper .mjtc-support-list-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1em;padding: 0 0.25em;}
div.ms-main-up-wrapper .mjtc-support-list-title {font-size: 1.125em;font-weight: 700;color: var(--mjtc-color-2);margin: 0;display: flex;align-items: center;gap: 0.75em;}
div.ms-main-up-wrapper .mjtc-support-count-badge {background-color: #ecfdf5;color: #10b981;font-size: 0.75em;padding: 0.25em 0.625em;border-radius: 9999px;border: 1px solid #d1fae5;}
div.ms-main-up-wrapper .mjtc-support-mail-list { display: flex; flex-direction: column; gap: 1em; }
div.ms-main-up-wrapper .mjtc-support-mail-card {background: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-left: 4px solid transparent;border-radius: 0.75em;padding: 1.25em;cursor: pointer;transition: all 0.2s ease;}
div.ms-main-up-wrapper .mjtc-support-mail-card:hover {transform: translateY(-2px);box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);border-left-color: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-mail-item-inner {display: flex;flex-direction: row; align-items: center;gap: 1em;}
div.ms-main-up-wrapper .mjtc-support-mail-avatar {width: 48px;height: 48px;background-color: var(--mjtc-color-3);border: 1px solid var(--mjtc-color-6);border-radius: 0.75em;display: flex;align-items: center;justify-content: center;color: var(--mjtc-color-5);transition: colors 0.2s;flex-shrink: 0;}
div.ms-main-up-wrapper .mjtc-support-mail-card:hover .mjtc-support-mail-avatar { color: var(--mjtc-color-1); background-color: rgba(41, 26, 188, 0.1); }
div.ms-main-up-wrapper .mjtc-support-mail-content { flex: 1; min-width: 0; width: 100%; }
div.ms-main-up-wrapper .mjtc-support-mail-header-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.25em; }
div.ms-main-up-wrapper .mjtc-support-mail-subject { font-size: 1em; font-weight: 700; color: var(--mjtc-color-2); margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s;}
div.ms-main-up-wrapper .mjtc-support-mail-card:hover .mjtc-support-mail-subject { color: var(--mjtc-color-1); }
div.ms-main-up-wrapper .mjtc-support-mail-date {font-size: 11px;font-weight: 500;color: var(--mjtc-color-5);background-color: var(--mjtc-color-3);padding: 0.25em 0.5em;border-radius: 0.25em;border: 1px solid var(--mjtc-color-6);display: flex;align-items: center;gap: 0.25em;flex-shrink: 0;}
div.ms-main-up-wrapper .mjtc-support-mail-meta { display: flex; align-items: center; gap: 0.5em; font-size: 0.875em; color: var(--mjtc-color-4); }
div.ms-main-up-wrapper .mjtc-support-meta-label { font-size: 0.75em; font-weight: 700; color: var(--mjtc-color-5); text-transform: uppercase; }
div.ms-main-up-wrapper .mjtc-support-recipient-tags { display: flex; gap: 0.25em; flex-wrap: wrap; }
div.ms-main-up-wrapper .mjtc-support-tag {background-color: var(--mjtc-color-3);color: var(--mjtc-color-4);font-size: 0.75em;padding: 0.125em 0.5em;border-radius: 0.25em;border: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-mail-actions {display: flex;align-items: center;gap: 0.5em;padding-left: 1em;border-left: 1px solid var(--mjtc-color-3);margin-left: 1em;}
div.ms-main-up-wrapper .mjtc-support-btn-action-icon {color: var(--mjtc-color-5);border-radius: 0.5em;background: none;border: none;cursor: pointer;transition: all 0.2s;}
div.ms-main-up-wrapper .mjtc-support-btn-action-icon:hover { color: #ef4444; background-color: #fef2f2; }
div.ms-main-up-wrapper .mjtc-support-mail-actions .mjtc-support-btn-action-icon{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 8px;background: var(--mjtc-color-3);border: 1px solid transparent;transition: all 0.2s;margin-right: 4px;}
div.ms-main-up-wrapper .mjtc-support-mail-actions .mjtc-support-btn-action-icon:hover{background: white;border-color: var(--mjtc-color-6);box-shadow: 0 2px 5px rgba(0,0,0,0.05);}
div.ms-main-up-wrapper .mjtc-support-mail-actions .mjtc-support-btn-action-icon:not(:last-child) svg{color: var(--mjtc-color-1);stroke: var(--mjtc-color-1);}
div.ms-main-up-wrapper .mjtc-support-mail-actions .mjtc-support-btn-action-icon svg{fill: none !important;stroke:#ef4444;}
div.ms-main-up-wrapper .mjtc-support-thread-heading { font-size: 1.125em; font-weight: 800; color: var(--mjtc-color-2); margin: 30px 0 15px 0; }
/* Empty State */
div.ms-main-up-wrapper .mjtc-support-empty-state {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 4em 1em;text-align: center;background: var(--mjtc-color-7);border-radius: 1em;border: 2px dashed var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-empty-icon {background-color: var(--mjtc-color-3);padding: 1em;border-radius: 50%;margin-bottom: 1em;color: #cbd5e1;}
div.ms-main-up-wrapper .mjtc-support-empty-text h3 { margin: 0; color: var(--mjtc-color-2); font-weight: 500; }
div.ms-main-up-wrapper .mjtc-support-empty-text p { margin: 0.25em 0 0; color: var(--mjtc-color-4); font-size: 0.875em; }
div.ms-main-up-wrapper .mjtc-support-modal-overlay {position: fixed;inset: 0;z-index: 50;display: flex;align-items: center;justify-content: center;padding: 1em;visibility: hidden;pointer-events: none;}
div.ms-main-up-wrapper .mjtc-support-modal-overlay:not(.hidden) { visibility: visible; pointer-events: auto; }
div.ms-main-up-wrapper .mjtc-support-modal-backdrop {position: absolute;inset: 0;background-color: rgba(15, 23, 42, 0.4);backdrop-filter: blur(4px);opacity: 0;transition: opacity 0.3s ease;}
div.ms-main-up-wrapper .mjtc-support-modal-backdrop:not(.opacity-0) { opacity: 1; }
div.ms-main-up-wrapper .mjtc-support-modal-panel {position: relative;background: var(--mjtc-color-7);width: 100%;max-width: 600px;border-radius: 1em;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);opacity: 0;transform: scale(0.95);transition: all 0.3s ease;overflow: hidden;max-height: 90vh;display: flex;flex-direction: column;}
div.ms-main-up-wrapper .mjtc-support-modal-panel:not(.opacity-0) { opacity: 1; transform: scale(1); }
div.ms-main-up-wrapper .mjtc-support-modal-header {padding: 1.5em 2em;border-bottom: 1px solid var(--mjtc-color-6);display: flex;justify-content: space-between;align-items: center;}
div.ms-main-up-wrapper .mjtc-support-modal-title { font-size: 1.25em; font-weight: 700; color: var(--mjtc-color-2); display: flex; align-items: center; gap: 0.5em; margin: 0; }
div.ms-main-up-wrapper .mjtc-support-modal-close-btn {background: none;border: none;color: var(--mjtc-color-5);cursor: pointer;padding: 0.25em;transition: color 0.2s;}
div.ms-main-up-wrapper .mjtc-support-modal-close-btn:hover { color: #ef4444; }
div.ms-main-up-wrapper .mjtc-support-modal-body { padding: 2em; overflow-y: auto; }
div.ms-main-up-wrapper .mjtc-support-form-group { margin-bottom: 1.25em; }
div.ms-main-up-wrapper .mjtc-support-form-label { display: block; font-size: 0.75em; font-weight: 700; color: var(--mjtc-color-4); text-transform: uppercase; margin-bottom: 0.5em; letter-spacing: 0.05em; }
div.ms-main-up-wrapper .mjtc-support-form-control {width: 100%;padding: 0.75em 1em;background-color: var(--mjtc-color-3);border: 1px solid var(--mjtc-color-6);border-radius: 0.75em;font-size: 0.875em;font-family: inherit;outline: none;transition: all 0.2s;}
div.ms-main-up-wrapper .mjtc-support-form-control:focus { background-color: var(--mjtc-color-7); border-color: var(--mjtc-color-1); }
div.ms-main-up-wrapper .mjtc-support-form-hint { font-size: 10px; color: var(--mjtc-color-5); margin-top: 0.25em; }
div.ms-main-up-wrapper textarea.mjtc-support-form-control { resize: none; }
div.ms-main-up-wrapper .mjtc-support-modal-footer {display: flex;justify-content: flex-end;gap: 0.75em;margin-top: 2em;}
div.ms-main-up-wrapper .mjtc-support-btn-secondary {padding: 0.75em 1.5em;background-color: var(--mjtc-color-3);color: var(--mjtc-color-4);font-weight: 600;font-size: 0.875em;border: none;border-radius: 0.75em;cursor: pointer;transition: background 0.2s;}
div.ms-main-up-wrapper .mjtc-support-btn-secondary:hover { background-color: var(--mjtc-color-6); }
/* --- Animations --- */
div.ms-main-up-wrapper .mjtc-support-bg-gradient-top {position: absolute;top: 0;left: 0;width: 100%;height: 320px;background: linear-gradient(to bottom, rgba(238, 242, 255, 0.5), rgba(255, 255, 255, 1), transparent);z-index: 0;pointer-events: none;}
/* Pagination*/
div.ms-main-up-wrapper .tablenav {display: flex;align-items: center;justify-content: flex-end; /* Aligns pagination to the right */margin-top: 24px;padding: 20px 10px 10px 10px;border-top: 1px solid var(--mjtc-color-6); /* Soft border separating it from table data */width: 100%;}
div.ms-main-up-wrapper .tablenav-pages,
div.ms-main-up-wrapper .ms_userpages {display: inline-flex;align-items: center;gap: 8px; /* Even spacing between buttons */background: var(--mjtc-color-7);padding: 6px;border-radius: 14px;border: 1px solid var(--mjtc-color-5);box-shadow: 0 2px 10px rgba(0,0,0,0.02);flex-wrap: wrap; /* Helps on mobile if there are many pages */}
div.ms-main-up-wrapper .tablenav-pages .page-numbers,
div.ms-main-up-wrapper .ms_userpages .ms_userlink {display: inline-flex;align-items: center;justify-content: center;min-width: 38px;height: 38px;padding: 0 12px;background: transparent;border-radius: 12px;color: var(--mjtc-color-4);font-size: 0.95rem;font-weight: 700;text-decoration: none;transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);box-sizing: border-box;}
div.ms-main-up-wrapper .tablenav-pages a.page-numbers:hover,
div.ms-main-up-wrapper .ms_userpages a.ms_userlink:hover {background: var(--mjtc-color-6);color: var(--mjtc-color-1);transform: translateY(-2px);}
div.ms-main-up-wrapper .tablenav-pages .page-numbers.current {background: var(--mjtc-color-1);color: var(--mjtc-color-7);/* Premium glowing shadow for the active state based on --mjtc-color-1 */box-shadow: 0 4px 12px rgba(41, 26, 188, 0.35);cursor: default; pointer-events: none; /* Prevents interaction with active element */}
div.ms-main-up-wrapper .ms_userpages .ms_userlink.selected {background: var(--mjtc-color-1);color: var(--mjtc-color-7);box-shadow: 0 4px 12px rgba(41, 26, 188, 0.35);cursor: default; pointer-events: none;}
div.ms-main-up-wrapper .tablenav-pages .next.page-numbers,
div.ms-main-up-wrapper .tablenav-pages .prev.page-numbers {padding: 0 16px;background: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-5);color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .tablenav-pages a.next.page-numbers:hover,
div.ms-main-up-wrapper .tablenav-pages a.prev.page-numbers:hover {border-color: var(--mjtc-color-1);background: var(--mjtc-color-7);box-shadow: 0 4px 12px rgba(41, 26, 188, 0.1);}
div.ms-main-up-wrapper .ms_userpages .next.ms_userlink,
div.ms-main-up-wrapper .ms_userpages .prev.ms_userlink {padding: 0 16px;background: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-5);color: var(--mjtc-color-2);}
div.ms-main-up-wrapper .ms_userpages a.next.ms_userlink:hover,
div.ms-main-up-wrapper .ms_userpages a.prev.ms_userlink:hover {border-color: var(--mjtc-color-1);background: var(--mjtc-color-7);box-shadow: 0 4px 12px rgba(41, 26, 188, 0.1);}
div.ms-main-up-wrapper .tablenav-pages .page-numbers.dots {min-width: 24px;color: var(--mjtc-color-5);pointer-events: none;background: transparent;}
div.ms-main-up-wrapper .ms_userpages .ms_userlink.dots {min-width: 24px;color: var(--mjtc-color-5);pointer-events: none;background: transparent;}
/* Add knowledge base */
div.ms-main-up-wrapper textarea {width: 100%;background-color: var(--mjtc-color-3);border: 2px solid transparent;border-radius: 12px;padding: 1em 1.25em;font-size: 0.95em;font-weight: 500;color: var(--mjtc-color-2);transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);outline: none;resize: vertical;font-family: inherit;}
div.ms-main-up-wrapper textarea:focus {background-color: var(--mjtc-color-7);border-color: var(--mjtc-color-1);box-shadow: 0 4px 12px rgba(41, 26, 188, 0.15);transform: translateY(-2px);}
div.ms-main-up-wrapper textarea:hover {background-color: var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-attached-files-wrp {display: flex;align-items: center;justify-content: space-between;background-color: var(--mjtc-color-3);border: 1px solid var(--mjtc-color-6);padding: 12px 18px;border-radius: 12px;margin-bottom: 12px;transition: border-color 0.2s, box-shadow 0.2s;gap: 15px;}
div.ms-main-up-wrapper .mjtc-support-attached-files-wrp:hover {border-color: var(--mjtc-color-5);box-shadow: 0 2px 6px rgba(0,0,0,0.02);}
div.ms-main-up-wrapper .mjtc_supportattachment {font-size: 0.9em;color: var(--mjtc-color-2);font-weight: 500;display: flex;align-items: center;gap: 10px;}
div.ms-main-up-wrapper .mjtc_supportattachment::before {content: '';display: inline-block;min-width: 20px; width: 20px;height: 20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23636363' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'%3E%3C/path%3E%3Cpolyline points='13 2 13 9 20 9'%3E%3C/polyline%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;}
div.ms-main-up-wrapper .mjtc-support-delete-attachment {color: #ef4444; /* Alert red for deletion */text-decoration: none;font-size: 0.85em;font-weight: 600;padding: 6px 14px;background-color: rgba(239, 68, 68, 0.08);border-radius: 8px;transition: background-color 0.2s, color 0.2s, transform 0.2s;}
div.ms-main-up-wrapper .mjtc-support-delete-attachment:hover {background-color: #ef4444;color: var(--mjtc-color-7);transform: scale(1.05);}
div.ms-main-up-wrapper .mjtc-support-breadcrumps svg {color: var(--mjtc-color-5);stroke: currentColor;margin-right: 4px;}
div.ms-main-up-wrapper textarea.wp-editor-area{background-color: unset;border: unset;padding: unset;border-radius: unset;}
/* short codes */
.mjtc-support-head {background: var(--mjtc-color-1);color: var(--mjtc-color-7);padding: 20px 24px;border-radius: 12px 12px 0 0;display: flex;align-items: center;gap: 12px;box-shadow: 0 4px 6px rgba(41, 26, 188, 0.1);}
.mjtc-support-head-text {font-size: 18px;font-weight: 600;color: #ffffff;display: flex;align-items: center;gap: 10px;}
.mjtc-support-head-text svg {width: 20px;height: 20px;}
.mjtc-support-shortcode-body {background: var(--mjtc-color-7);border: 1px solid var(--mjtc-color-6);border-top: none;border-radius: 0 0 12px 12px;padding: 24px;box-shadow: 0 4px 20px rgba(0,0,0,0.03);}
.mjtc-support-body-row {display: flex;align-items: center;justify-content: space-between;padding: 16px;border: 1px solid var(--mjtc-color-6);border-radius: 8px;margin-bottom: 12px;transition: all 0.2s ease;background: #fafafa;}
.mjtc-support-body-row:last-child {margin-bottom: 0;}
.mjtc-support-body-row:hover {border-color: var(--mjtc-color-1);background: var(--mjtc-color-7);box-shadow: 0 2px 8px rgba(41, 26, 188, 0.08);transform: translateY(-1px);}
.mjtc-support-body-padding {display: flex;align-items: center;gap: 16px;flex: 1;}
 div.ms-main-up-wrapper .mjtc-support-head-text svg {width: 20px;height: 20px;display: inline-block; vertical-align: middle; fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;}
.mjtc-support-icon-box {width: 44px;height: 44px;background: #eef2ff;color: var(--mjtc-color-1);border-radius: 8px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.mjtc-support-icon-box svg {width: 22px;height: 22px;}
.mjtc-support-body-row-text {font-weight: 600;font-size: 15px;color: var(--mjtc-color-2);}
.mjtc-support-body-meta {font-size: 12px;color: var(--mjtc-color-4);margin-top: 4px;font-weight: 400;}
.mjtc-support-body-row-button input[type="button"],
.mjtc-support-btn {background-color: var(--mjtc-color-1);color: var(--mjtc-color-7);border: none;padding: 10px 20px;border-radius: 8px;font-weight: 500;font-size: 14px;cursor: pointer;transition: all 0.2s ease;display: inline-flex;align-items: center;justify-content: center;font-family: inherit;}
.mjtc-support-body-row-button input[type="button"]:hover,
.mjtc-support-btn:hover {background-color: #201490;transform: translateY(-1px);box-shadow: 0 4px 10px rgba(41, 26, 188, 0.2);}
#mjtc-support-main-black-background {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(15, 23, 42, 0.6);backdrop-filter: blur(3px);z-index: 99998; /* High z-index */}
#mjtc-support-main-popup {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 500px;background: var(--mjtc-color-7);border-radius: 12px;z-index: 99999; /* Higher z-index */box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);display: flex;flex-direction: column;overflow: hidden;}
.mjtc-support-popup-header {display: flex;justify-content: space-between;align-items: center;padding: 16px 20px;border-bottom: 1px solid var(--mjtc-color-6);background: #f9fafb;}
#mjtc-support-popup-title {font-weight: 600;font-size: 16px;color: var(--mjtc-color-2);}
#mjtc-support-popup-close-button {cursor: pointer;color: var(--mjtc-color-4);display: flex;align-items: center;justify-content: center;padding: 4px;border-radius: 6px;transition: all 0.2s;}
#mjtc-support-popup-close-button:hover {color: #ef4444;background: #fee2e2;}
#mjtc-support-popup-close-button svg {width: 20px;height: 20px;}
#mjtc-support-main-content {padding: 24px 20px;max-height: 60vh;overflow-y: auto;color: var(--mjtc-color-2);line-height: 1.6;}
#mjtc-support-main-downloadallbtn {padding: 16px 20px;border-top: 1px solid var(--mjtc-color-6);background: #f9fafb;display: flex;justify-content: flex-end;}
div.ms-main-up-wrapper .mjtc-sprt-det-right .mjtc-sprt-det-tkt-prty-error-txt{width:100%;}
/* Responsive adjustments */
@media (max-width: 1150px){
div.ms-main-up-wrapper .mjtc-support-cp-grid{flex-direction: column;}
div.ms-main-up-wrapper .mjtc-support-header-tabs{gap: 1em;}
div.ms-main-up-wrapper .mjtc-support-ticket-header{padding-left: 1em;padding-right: 1em;}
div.ms-main-up-wrapper .mjtc-support-thread{padding: 1em;}
div.ms-main-up-wrapper .mjtc-support-downloads-content div.mjtc-support-download-box{flex-wrap: wrap;}
div.ms-main-up-wrapper .ms-popup-wrapper, div.ms-main-up-wrapper #popupfordepartmenttransfer{max-width: 90%;}

}
@media (max-width: 1024px) {
   div.ms-main-up-wrapper .mjtc-support-cp-grid {flex-direction: column;}
   div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper{flex-wrap: wrap;flex-direction: column;}
   div.ms-main-up-wrapper .mjtc-sprt-det-left{width: 100%;}
   div.ms-main-up-wrapper .mjtc-sprt-det-cnt{width: 100%;}
   div.ms-main-up-wrapper .mjtc-sprt-det-right{width: 100%;}
}
@media (max-width: 992px) {
div.ms-main-up-wrapper .mjtc-admin-staff-wrapper.padding {flex-direction: column;}
div.ms-main-up-wrapper .mjtc-festaffreport-img {flex: 0 0 auto;width: 100%;border-right: none;border-bottom: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-festaffreport-data {width: 100%;flex-wrap: wrap;gap: 15}
div.ms-main-up-wrapper .mjtc-admin-staff-anchor-wrapper {flex-direction: column;align-items: flex-start;}
div.ms-main-up-wrapper .mjtc-festaffreport-img {flex: 0 0 100%;width: 100%;border-right: none;border-bottom: 1px solid var(--mjtc-color-6);padding: 15px 20px;background-color: var(--mjtc-color-7);}
div.ms-main-up-wrapper .mjtc-festaffreport-data {width: 100%;justify-content: space-between;flex-wrap: wrap;gap: 15px;}
div.ms-main-up-wrapper .mjtc-support-downloads-wrp .mjtc-admin-staff-wrapper .mjtc-festaffreport-data {justify-content: flex-start;}
div.ms-main-up-wrapper .mjtc-admin-report-box {flex: 1;}
div.ms-main-up-wrapper .mjtc-festaffreport-data .mjtc-admin-report-box {flex: 1 1 auto;max-width: unset;width: fit-content;}
/* top bar */
div.ms-main-up-wrapper #ms-tabs-wrp .ms-tabs-menu-wrp{width: 100%;}
div.ms-main-up-wrapper #ms-tabs-wrp{flex-wrap: wrap;gap: 1.5rem;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-ticket-wrapper{padding-top: 30px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data .mjtc-support-last-reply-badge{top: -30px;}

}
@media (max-width: 768px) {
div.ms-main-up-wrapper .mjtc-cp-left {transform: translateX(-100%);box-shadow: 2px 0 10px rgba(0,0,0,0.1);position: absolute; top: 0;bottom: 0;left: 0;}
div.ms-main-up-wrapper .mjtc-support-cp-close-sidebar {display: block;position: absolute;top: 5px;right: 5px;}
div.ms-main-up-wrapper .mjtc-cp-left.open {transform: translateX(0);z-index: 99;}
div.ms-main-up-wrapper .mjtc-cp-right {margin-left: 0;width: 100%;padding: 16px;}
div.ms-main-up-wrapper .mjtc-support-cp-mobile-menu-btn {display: block;}div.ms-main-up-wrapper .mjtc-support-cp-header-actions .mjtc-support-cp-btn span,div.ms-main-up-wrapper .mjtc-support-cp-header-actions .mjtc-support-button span {display: none; }div.ms-main-up-wrapper .mjtc-support-cp-header-actions .mjtc-support-cp-btn,div.ms-main-up-wrapper .mjtc-support-cp-header-actions .mjtc-support-button {padding: 10px;}div.ms-main-up-wrapper .mjtc-support-cp-header-actions .mjtc-support-cp-btn svg,div.ms-main-up-wrapper .mjtc-support-cp-header-actions .mjtc-support-button svg {margin: 0;}
div.ms-main-up-wrapper .mjtc-support-cp-stat-card {flex-basis: 45%; }div.ms-main-up-wrapper .mjtc-support-cp-card-header {flex-direction: column;align-items: flex-start;gap: 12px;}div.ms-main-up-wrapper .mjtc-support-cp-card-header-actions {width: 100%;justify-content: space-between;}div.ms-main-up-wrapper .mjtc-support-cp-search-input {width: 100%;}div.ms-main-up-wrapper .mjtc-support-cp-video-grid {flex-direction: column; }
div.ms-main-up-wrapper .ms-feedback-det-list-data-right {align-items: flex-start;text-align: left;margin-top: 10px;border-top: 1px solid var(--mjtc-color-6);padding-top: 10px;width: 100%;flex: 1 1 100%;}
div.ms-main-up-wrapper .ms-feedback-det-list-top {flex-direction: column;}
div.ms-main-up-wrapper .ms-feedback-det-list-img-wrp {align-self: flex-start;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-top-cirlce-count-wrp {flex-direction: column;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-myticket-link {width: 100%;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-wrapper-toggle-search-wrapper {flex-direction: column;align-items: stretch;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-button-wrp {width: 100%;justify-content: space-between;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-filter-button, div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-search-filter-btn {flex: 1;justify-content: center;height: 40px;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data1 {border-left: none;border-top: 1px solid var(--mjtc-color-6);padding-left: 0;padding-top: 12px;margin-left: 0;width: 100%;margin-top: 8px;}
/* my tickets */
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp{width: calc(100% / 2 - 6px);}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data{position:unset;width: 100%;flex: 1 1 auto;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-toparea{flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data .mjtc-support-last-reply-badge{top: 0;}
/* div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-data1 .mjtc-support-data-row{align-items: flex-start;} */
/*submit ticket form */
div.ms-main-up-wrapper .mjtc-support-add-form-wrapper .mjtc-support-from-field-wrp {width: 100%;}
div.ms-main-up-wrapper .mjtc-support-table-header {display: none; }
div.ms-main-up-wrapper .mjtc-support-data-row {align-items: flex-start;gap: 10px;padding: 20}
div.ms-main-up-wrapper .mjtc-support-table-body-col {width: 100%;max-width: 100% !important;flex: 0 0 100%;justify-content: space-between;}
div.ms-main-up-wrapper .mjtc-support-table-header { display: none; }
div.ms-main-up-wrapper .mjtc-col-md-7, 
div.ms-main-up-wrapper .mjtc-col-md-2, 
div.ms-main-up-wrapper .mjtc-col-md-1 { width: 100%; }
div.ms-main-up-wrapper .mjtc-support-display-block { display: inline-block;font-size: .95em;}
div.ms-main-up-wrapper .mjtc-support-top-sec-header { flex-direction: column; align-items: flex-start; }
div.ms-main-up-wrapper .mjtc-transparent-header-img1 { display: none; }
div.ms-main-up-wrapper .mjtc-support-top-sec-right-header { margin-top: 1em; width: 100%; }
div.ms-main-up-wrapper .mjtc-support-button-header { display: block; text-align: center; }
div.ms-main-up-wrapper .mjtc-support-category-box,
div.ms-main-up-wrapper .mjtc-support-download-box {flex-basis: 100%; }
div.ms-main-up-wrapper .mjtc-support-search-top {flex-direction: column;align-items: stretch;}
div.ms-main-up-wrapper .mjtc-support-search-right {margin-top: 10px;}
div.ms-main-up-wrapper .mjtc-support-search-btn-wrp {justify-content: flex-end;}
div.ms-main-up-wrapper .mjtc-support-stats-grid {flex-direction: column;}
div.ms-main-up-wrapper .mjtc-support-segmented-nav-wrapper {display: none; }
div.ms-main-up-wrapper .mjtc-support-mail-item-inner {flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-mail-header-row{flex-wrap: wrap;gap: 10px;}
div.ms-main-up-wrapper .mjtc-support-mail-meta{margin-top: 10px;}
div.ms-main-up-wrapper .mjtc-support-mail-actions{width: 100%;justify-content: flex-end;}
div.ms-main-up-wrapper .mjtc-support-mail-actions {margin-left: 0;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table-container {overflow-x: visible; /* Remove horizontal scroll */}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table {min-width: 100%;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table thead {display: none; /* Hide table headers */}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table, 
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table tbody, 
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table tr, 
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table td {display: block;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table tr {margin-bottom: 16px;border: 1px solid var(--mjtc-color-6);border-radius: 8px;padding: 0;background: var(--mjtc-color-7);overflow: hidden;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table tr:hover {background-color: var(--mjtc-color-7);}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table td {display: flex;justify-content: space-between;align-items: center;padding: 12px 16px;border-bottom: 1px solid var(--mjtc-color-3);text-align: right;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table td:last-child {border-bottom: none;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table td:first-child {justify-content: flex-start;background-color: #fafafa;border-bottom: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table td:not(:first-child)::before {content: attr(data-label);font-size: 12px;font-weight: 600;text-transform: uppercase;color: var(--mjtc-color-4);margin-right: 16px;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table td[colspan="4"] {justify-content: center;background: transparent;border: none;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table td[colspan="4"]::before {display: none;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table tr td:first-child{width: 100%;justify-content: space-between;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table tbody tr:last-child td{border-bottom: 1px solid var(--mjtc-color-6);}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp .ms-formfield-radio-button-wrap{min-width: fit-content;}
div.ms-main-up-wrapper .mjtc-support-table-body-col{display: flex;width: 100%;align-items:flex-start;justify-content: space-between;}
div.ms-main-up-wrapper .mjtc-support-table-body-col.mjtc-support-department-col{justify-content: flex-start;}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row{flex-direction: column;}
div.ms-main-up-wrapper .mjtc-support-table-body-col span.mjtc-support-display-block{display: block;color: var(--mjtc-color-2);flex: unset;width: unset;text-align: start;}
div.ms-main-up-wrapper .mjtc-support-table-body-col span{flex: unset;width: unset;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-table-wrp .mjtc-support-table-body-col.mjtc-col-md-7.mjtc-col-xs-7 .mjtc-support-title{flex: unset;width: unset;}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row .mjtc-support-table-body-col{text-align: end;}
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-col-md-1{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-col-md-2{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row .mjtc-support-table-body-col.mjtc-col-md-5.mjtc-col-xs-5:nth-child(2) a{flex: unset;width: unset;}
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-col-md-5.mjtc-col-xs-5{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-col-md-3.mjtc-col-xs-3{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-col-md-4.mjtc-col-xs-4{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-table-wrp .mjtc-support-title{width: unset;flex: unset;}
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-col-md-3.mjtc-col-xs-3 .mjtc-support-title{width: unset;flex: unset;}
div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-col-md-4.mjtc-col-xs-4 .mjtc-support-title{width: unset;flex: unset;}
div.ms-main-up-wrapper .mjtc-support-table-action-btn:not(:last-child){margin-left: auto;}
div.ms-main-up-wrapper .mjtc-support-add-form-main-wrapper .mjtc-support-from-field-wrp.mjtc-form-smartreply-wrapper .mjtc-support-from-field-wrp-inner-wrap{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row .mjtc-support-table-body-col.mjtc-col-md-2.mjtc-col-xs-2:nth-child(2) a{flex: unset;width: unset;}
div.ms-main-up-wrapper .mjtc-support-categories-heading-wrp{flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-attached-files-wrp{flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-profile-wrp .mjtc-support-profile-contentwrp .mjtc-support-profile-left{width: 100%;justify-content: center;}
div.ms-main-up-wrapper .mjtc-support-profile-wrp .mjtc-support-profile-contentwrp{flex-wrap: wrap;}
div.userpopup-search .userpopup-fields-wrp{flex-wrap: wrap;}
div.userpopup-search .userpopup-fields-wrp .userpopup-fields{width:calc();}
div.ms-main-up-wrapper .mjtc-sprt-det-left-actn-btnswrp{flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-header-tabs{justify-content: space-between;flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-reply-forms-wrapper{padding: 1.5em 1em;}
div.ms-main-up-wrapper .mjtc-support-thread.majestice-support-credentials-container .mjtc-support-usercredentails-form-wrap{padding: 1.5em 1em;}
div.ms-main-up-wrapper .mjtc-support-select-usercredentails{width: 100%;}
/* History table responsive */
div.ms-main-up-wrapper .mjtc-history-table { border: none; background: transparent; border-radius: 0; box-shadow: none; }
div.ms-main-up-wrapper .mjtc-history-table thead { display: none; }
div.ms-main-up-wrapper .mjtc-history-table tbody { display: flex; flex-direction: column; gap: 15px; }
div.ms-main-up-wrapper .mjtc-history-table tr { display: block; background: #fff; border: 1px solid var(--mjtc-color-6); border-radius: 12px; overflow: hidden; padding: 0; box-shadow: 0 2px 4px rgba(0,0,0,0.02);}
div.ms-main-up-wrapper .mjtc-history-table td { display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; text-align: right; border-bottom: 1px solid var(--mjtc-color-6); }
div.ms-main-up-wrapper .mjtc-history-table td:last-child { border-bottom: none; }
div.ms-main-up-wrapper .mjtc-history-table td::before { content: attr(data-label); font-weight: 600; text-transform: uppercase; font-size: 0.85em; color: var(--mjtc-color-5); margin-right: 15px; text-align: left; }
div.ms-main-up-wrapper .mjtc-history-table td.mjtc-history-detail { align-items: flex-start; text-align: left; gap: 5px; }
div.ms-main-up-wrapper .mjtc-history-table td.mjtc-history-detail::before { margin-right: 0; }
div.ms-main-up-wrapper .mjtc-support-usercredentail-data{flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-usercredentails-single{padding: 1em;}
div.ms-main-up-wrapper .mjtc-support-thread.majestice-support-credentials-container .mjtc-support-usercredentails-credentails-wrp{padding: 1.5em 1em;}
div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row .mjtc-support-table-body-col{width: 100%;}
div.ms-main-up-wrapper #userpopup .mjtc-support-table-body-col span.mjtc-support-title{width: auto;}
div.ms-main-up-wrapper .ms-merge-popup-wrapper#mergeticketselection .mjtc-support-cont-main-wrapper{padding-left: 1em !important;padding-right: 1em !important;}
div.ms-main-up-wrapper .ms-popup-wrapper form{padding-left: 1em;padding-right: 1em;}
div.ms-main-up-wrapper .mjtc-ai-inner-panel{padding-left: 1em;padding-right: 1em;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-bannedemail-overall-wrp .mjtc-support-table-wrp .mjtc-col-md-5.mjtc-col-xs-5 .mjtc-support-title a{text-align:end;width:50%;flex:1 1 auto;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-bannedemail-overall-wrp .mjtc-support-table-wrp .mjtc-col-md-5.mjtc-col-xs-5 .mjtc-support-title{width:40%;flex: 1 1 auto;}


}
@media (max-width: 600px) {
div.ms-main-up-wrapper .mjtc-support-multiform-row {flex-direction: column;align-items: flex-start;gap: 5px;}
div.ms-main-up-wrapper .mjtc-support-multiform-row::after {position: absolute;right: 20px;top: 50%;transform: translateY(-50%) rotate(45deg);}
div.ms-main-up-wrapper .mjtc-admin-report-box-wrapper {flex-direction: column;}
div.ms-main-up-wrapper .mjtc-festaffreport-data {display: flex;flex-wrap: wrap;gap: 20px;}
div.ms-main-up-wrapper .mjtc-festaffreport-data > div { flex: 1 1 30%;}
div.ms-main-up-wrapper .mjtc-support-top-sec-header {flex-direction: column;align-items: flex-start;gap: 15px;}
div.ms-main-up-wrapper .mjtc-transparent-header-img1 {display: none;}
div.ms-main-up-wrapper .mjtc-departmentlist .departmentname::before{display:none;}
div.ms-main-up-wrapper .mjtc-support-categories-heading-wrp {align-items: flex-start;gap: 10px;}
div.ms-main-up-wrapper .mjtc-support-add-role-field-wrp {flex-basis: 100%;}
.mjtc-support-body-row {flex-direction: column;align-items: flex-start;gap: 16px;}
.mjtc-support-body-row-button,
.mjtc-support-body-row-button input[type="button"] {width: 100%;}
div.ms-main-up-wrapper .mjtc-support-cp-tabs-header{flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-button-wrp{flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper input.custom_date{min-width: unset;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp{min-width: unset;}
div.ms-main-up-wrapper .mjtc-support-form-btn-wrp{flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-add-role-field-wrp{min-width: unset;}
div.ms-main-up-wrapper .mjtc-support-categories-heading-wrp::before, div.ms-main-up-wrapper .mjtc-support-downloads-heading-wrp::before{display: none;}
div.ms-main-up-wrapper .mjtc-support-search-form {flex-direction: column;}
div.ms-main-up-wrapper .mjtc-support-input-group{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-search-actions{width: 100%;justify-content: flex-end;}
div.ms-main-up-wrapper #ms-tabs-wrp .ms-tabs-menu-wrp{flex-wrap: wrap;padding: 20px;}
div.ms-main-up-wrapper .ms-header-tab{width: 100%;border: 1px solid var(--mjtc-color-6);border-radius: 12px;}
div.ms-main-up-wrapper .mjtc-sprt-det-actn-btn.mjtc-support-aisuggestions-btn{flex: 1 1 auto;}
div.ms-main-up-wrapper .mjtc-support-cp-column-stack{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-table td:first-child{text-align: start;}
div.ms-main-up-wrapper .mjtc-support-cp-ticket-id{flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-merge-form-wrp{flex-direction: column;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper.mjtc-support-merge-ticket-wrapper{margin-bottom: 1em;}
div.ms-main-up-wrapper .mjtc-ai-card-snippet p{overflow-wrap: anywhere;}

}
@media (max-width: 500px) {
div.ms-main-up-wrapper .mjtc-support-download-box {flex-direction: column;align-items: flex-start;gap: 12px;}
div.ms-main-up-wrapper .mjtc-support-download-right {margin-left: 0;width: 100%;}
div.ms-main-up-wrapper .mjtc-support-download-btn-style {width: 100%;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-filter-field-wrp{width: 100%;}
div.ms-main-up-wrapper .mjtc-support-top-sec-header{margin: 0 1em;width: auto;max-width: 100%;padding-left: 0;padding-right: 0;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper{padding-left: 1em;padding-right: 1em;}
div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-add-form-main-wrapper, div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-roles-main-wrapper{padding: 1em;}
div.ms-main-up-wrapper .mjtc-support-form-field{min-width: unset;}
div.ms-main-up-wrapper .mjtc-support-search-form-btn-wrp{flex-wrap: wrap;}
div.ms-main-up-wrapper .mjtc-support-search-form-btn-wrp input{flex: 1 1 auto;}
div.ms-main-up-wrapper .mjtc-support-top-search-wrp{padding: 1em;}
div.ms-main-up-wrapper .mjtc-support-role-wrp{padding: 1em;}
div.ms-main-up-wrapper .mjtc-support-mail-card{padding: 1em;}
}
@media (max-width: 480px) {
   div.ms-main-up-wrapper .mjtc-support-cp-stat-card {flex-basis: 100%;}
   div.ms-main-up-wrapper .mjtc-support-top-sec {flex-direction: column;align-items: flex-start;gap: 16px;}
   div.ms-main-up-wrapper .mjtc-support-cp-header-actions {width: 100%;}
   div.ms-main-up-wrapper .mjtc-support-cp-header-actions .mjtc-support-cp-btn,div.ms-main-up-wrapper .mjtc-support-cp-header-actions .mjtc-support-button {flex: 1;display: flex;align-items: center;justify-content: center;}
   div.ms-main-up-wrapper .mjtc-support-cp-header-actions .mjtc-support-cp-btn span, div.ms-main-up-wrapper .mjtc-support-cp-header-actions .mjtc-support-button span {display: inline; margin-left: 8px;}
   div.ms-main-up-wrapper .mjtc-support-table-body .mjtc-support-data-row .mjtc-support-table-body-col a{overflow-wrap: anywhere;}
   div.ms-main-up-wrapper .mjtc-support-category-box, div.ms-main-up-wrapper .mjtc-support-download-box{min-width: unset;}
   div.ms-main-up-wrapper .mjtc-ai-card{padding-left: 10px;padding-right: 10px;}

}
@media (max-width: 479px){
   div.ms-main-up-wrapper .ms-popup-wrapper form{padding-left: 10px;padding-right: 10px;}
   div.ms-main-up-wrapper .ms-merge-popup-wrapper#mergeticketselection .mjtc-support-cont-main-wrapper{padding-left: 10px !important;padding-right: 10px !important;}
   div.ms-main-up-wrapper .mjtc-support-multiform-row{padding-left: 10px;padding-right: 10px;margin-left: 10px;margin-right: 10px;}
   div.ms-main-up-wrapper #records{padding: 1em}
   div.ms-main-up-wrapper .mjtc-cp-right{padding-left: 10px;padding-right: 10px;}
   div.ms-main-up-wrapper .mjtc-support-thread-data.note-msg{padding-left: 10px;padding-right: 30px;}
   div.ms-main-up-wrapper .mjtc-support-thread{padding-left: 10px;padding-right: 10px;}
   div.ms-main-up-wrapper .mjtc-support-thread-item{padding-left: 58px;}
   div.ms-main-up-wrapper #mjtc-public-reply-wrp, div.ms-main-up-wrapper #mjtc-private-note-wrp{padding-left: 10px;padding-right: 10px;}
   div.ms-main-up-wrapper .mjtc-support-timer-btn{margin-bottom: 3px;}
   div.ms-main-up-wrapper .quicktags-toolbar{gap: 0px;}
   div.ms-main-up-wrapper div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-bannedemail-overall-wrp .mjtc-support-table-wrp .mjtc-col-md-5.mjtc-col-xs-5 .mjtc-support-title{width:40%;flex: 1 1 auto;}.mjtc-support-usercredentails-form-wrap form{padding-left: 10px;padding-right: 10px;}
   div.ms-main-up-wrapper .mjtc-support-thread.majestice-support-credentials-container .mjtc-support-usercredentails-form-wrap{padding-left: 10px;padding-right: 10px}
   div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper .mjtc-support-ticket-wrapper{padding-left: 10px;padding-right: 10px;}
   div.ms-main-up-wrapper .mjtc-support-cont-main-wrapper div.mjtc-support-body-data-btmwrp .mjtc-support-custom-field-wrp{flex-wrap: wrap;}
   div.ms-main-up-wrapper #userpopupsearch{padding-left: 10px;padding-right: 10px;}
   div.ms-main-up-wrapper .mjtc-support-table-wrp .mjtc-support-data-row{padding-left: 10px;padding-right: 10px;}
   div.ms-main-up-wrapper #records{padding-left: 10px;padding-right: 10px;}
   div.ms-main-up-wrapper #userpopupsearch .mjtc-support-search-top{padding-left: 10px;padding-right: 10px;}
   div.ms-main-up-wrapper .mjtc-support-staff-email-badge{overflow-wrap: anywhere;}
   div.ms-main-up-wrapper .mjtc-support-form-instruction-message{padding-left: 10px;padding-right: 10px;}
   div.ms-main-up-wrapper .mjtc-support-message-thread-data{display: inline-block;width:100%;}
   div.ms-main-up-wrapper .mjtc-support-thread-read-status-detail{top: -40px;background: #ffffff;border: 1px solid var(--mjtc-color-6);padding: 4px;}
   div.ms-main-up-wrapper .mjtc_supportattachment{flex-wrap: wrap;}
   div.ms-main-up-wrapper .mjtc-ai-card-header{flex-wrap: wrap;}
   div.ms-main-up-wrapper .mjtc-ai-inner-panel{padding-left: 10px;padding-right: 10px;}
   div.ms-main-up-wrapper .mjtc-festaffreport-img{flex-wrap: wrap;}
   
}