/* developed by web-premium.ir */

.hmyt-support-front {
    --hmyt-p: #0d59f1;
    --hmyt-p-hover: #145ae5;
    --hmyt-border: #e6e6e6;
    --hmyt-soft: #f4f4f4;
    --hmyt-text: #1f2029;
    font-size: 14px;
    line-height: 26px;
    color: var(--hmyt-text);
    direction: rtl;
    text-align: right;
}


.hmyt-support-front .flex { display: flex; }
.hmyt-support-front .flex-r { flex-direction: row; }
.hmyt-support-front .flex-c { flex-direction: column; }
.hmyt-support-front .flex-icenter { align-items: center; }
.hmyt-support-front .flex-center { align-items: center; justify-content: center; }
.hmyt-support-front .flex-1 { flex: 1; }
.hmyt-support-front .flex-wrap { flex-wrap: wrap; }
.hmyt-support-front .gap-5 { gap: 5px !important; }
.hmyt-support-front .gap-10 { gap: 10px !important; }
.hmyt-support-front .gap-18 { gap: 18px !important; }
.hmyt-support-front .relative { position: relative; }
.hmyt-support-front .d-none { display: none !important; }
.hmyt-support-front img { max-width: none; }
.hmyt-support-front a { text-decoration: none; box-shadow: none; }


.hmyt-front-login-notice, .hmyt-front-notice {
    padding: 22px;
    background: #f7f8ff;
    border: solid 1px var(--hmyt-border);
    border-radius: 14px;
    text-align: center;
}
.hmyt-front-login-notice a, .hmyt-front-notice a { color: var(--hmyt-p); font-weight: 700; }


.hmyt-front-head { gap: 12px 16px; margin-bottom: 18px; }
.hmyt-front-head-title { font-size: 19px; font-weight: 700; }
.hmyt-front-back {
    gap: 6px;
    padding: 9px 16px;
    background: #fff;
    border: solid 1px var(--hmyt-border);
    border-radius: 10px;
    color: #555;
    font-size: 13px;
    font-weight: 600;
}
.hmyt-front-back:hover { color: var(--hmyt-text); background: #fafafa; }
.hmyt-front-back svg { width: 13px; height: 13px; }
.hmyt-front-head .hmyt-front-btn {
    gap: 7px;
    color: #fff;
    height: 46px;
    padding: 0 24px;
    background: var(--hmyt-p);
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
}
.hmyt-front-btn:hover {background: #145ae5;color: #fff;}
.hmyt-front-btn svg { width: 18px; height: 18px; }
.hmyt-front-search {
    height: 46px;
    flex: 1;
    background: #fff;
    border: solid 1px var(--hmyt-border);
    border-radius: 6px;
    overflow: hidden;
    min-width: 200px;
    max-width: 360px;
}
.hmyt-front-search input {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 14px !important;
    height: 100% !important;
    font-size: 13px;
    flex: 1;
    margin: 0 !important;
}
.hmyt-front-head .hmyt-front-search  button {width: 44px;border: 0 !important;background: transparent !important;color: #9a9a9a !important;cursor: pointer;margin: 0 !important;padding: 0 !important;display: flex !important;}
.hmyt-front-search button svg { width: 19px; height: 19px; }


.hmyt-front-tabs {
    background: #fff;
    border: solid 1px var(--hmyt-border);
    border-radius: 3px;
    overflow-x: auto;
    margin-bottom: 18px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.hmyt-front-tabs::-webkit-scrollbar { display: none; }
.hmyt-front-tabs .hmyt-front-tab {
    padding: 14px 18px;
    color: #666;
    font-size: 13px;
    text-align: center;
    flex: 1;
    font-weight: 600;
    border-bottom: solid 3px transparent;
    white-space: nowrap;
    transition: all 0.2s ease;
}
.hmyt-front-tab:hover { background: #fafafa; color: var(--hmyt-text); }
.hmyt-front-tab.tab-current {color: var(--hmyt-p);border-bottom-color: var(--hmyt-p);box-shadow: 0 2px 10px rgb(0 0 0 / 9%);}
.hmyt-front-tab .tab-count {
    background: #ececec;
    color: #666;
    padding: 1px 6px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    font-size: 10px;
    margin-right: 5px;
}
.tab-current > .tab-count {
    background: var(--hmyt-p);
    color: #fff;
}

.hmyt-front-list {
    gap: 0;
    border: solid 1px var(--hmyt-border);
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
}
.hmyt-front-list .hmyt-front-item {
    gap: 30px;
    padding: 16px 20px;
    background: #fff;
    border-bottom: solid 7px #f7f7f7;
    color: var(--hmyt-text);
    transition: background 0.2s ease;
}
.hmyt-front-item:last-child { border-bottom: none; }
.hmyt-front-item:hover { background: #fafbff; }
.hmyt-front-item.is-unread { background: #fbfcff; }
.hmyt-front-item .hmyt-ticket-view-status-icon { width: 4px; height: 20px; border-radius: 10px; flex: 0 0 4px; }
.hmyt-front-item-avatar > img { width: 48px; height: 48px; border-radius: 50%; }

.hmyt-front-item-new {
    width: 5px;
    height: 5px;
    background: #f44336;
    border-radius: 8px;
    flex: 0 0 5px;
}
.hmyt-front-item-subject { font-size: 15px; font-weight: 700; }
.hmyt-support-front .hmyt-ticket-special {
    color: #ff4f5d;
    font-weight: 700;
    font-size: 11px;
    border: solid 1px currentColor;
    padding: 1px 9px;
    border-radius: 5px;
    line-height: normal;
    margin-right: 8px;
}
.hmyt-front-item-sub { gap: 8px; font-size: 12px; opacity: 0.7; }
.hmyt-dot-sep {width: 4px;height: 4px;border-radius: 50%;background: currentColor;opacity: 0.15;}
.hmyt-front-item-status { font-size: 13px; font-weight: 700; }


.hmyt-front-item-topmeta { font-size: 12px; opacity: 0.5; line-height: 1.6; }

.hmyt-front-item-product {
    font-size: 13px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 300px;
    opacity: 0.5;
    transition: all 0.2s ease;
}

.hmyt-front-item-status-wrap {gap: 4px;align-items: flex-end;text-align: left;}
.hmyt-front-item-ago { font-size: 12px; opacity: 0.6; font-weight: 500; }

.hmyt-front-empty { padding: 50px 20px; text-align: center; opacity: 0.75; }


.hmyt-front-status { font-size: 13px; font-weight: 700; border: solid 1px; padding: 4px 12px; border-radius: 8px; }
.hmyt-front-meta { gap: 8px 20px; padding: 14px 0; font-size: 13px; }
.hmyt-front-meta strong { font-weight: 700; }
.hmyt-front-meta a { color: var(--hmyt-p); }
.hmyt-front-section-title { font-size: 15px; font-weight: 700; margin: 22px 0 14px; }


.hmyt-ticket-view-items { padding: 18px 0; gap: 4px; display: flex; flex-direction: column; }
.hmyt-ticket-view-item { gap: 10px; padding: 14px 0; display: flex; flex-direction: column; }
.hmyt-ticket-view-item.is-operator { align-items: flex-end; }
.hmyt-ticket-view-item-text {
    background: #1f2029;
    color: #d8d9e0;
    padding: 20px 24px;
    max-width: 800px;
    width: 100%;
    border-radius: 18px;
    font-size: 14px;
    line-height: 28px;
    box-shadow: 0 18px 38px rgb(0 0 0 / 6%);
}
.hmyt-ticket-view-item.is-operator .hmyt-ticket-view-item-text { color: #54667a; background: #cfd8dc; }
.hmyt-ticket-view-item-text p { margin: 6px 0; line-height: 28px; }
.hmyt-ticket-view-item-text p:first-child { margin-top: 0; }
.hmyt-ticket-view-item-text p:last-child { margin-bottom: 0; }
.hmyt-ticket-view-item-text a { color: #2196f3; }
.hmyt-ticket-view-item-attachments { gap: 8px; margin-top: 12px; display: flex; flex-direction: column; }
.hmyt-ticket-view-item-attachment {
    background: rgba(255,255,255,0.08);
    color: inherit;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 13px;
}
.hmyt-ticket-view-item.is-operator .hmyt-ticket-view-item-attachment { background: rgba(0,0,0,0.06); }
.hmyt-ticket-view-item-details { gap: 12px; padding: 2px 4px 0; max-width: 800px; font-size: 13px; justify-content: space-between; width: 100%; }
.hmyt-ticket-view-item-author { gap: 10px; font-weight: 600; color: #9a9a9a; }
.hmyt-ticket-view-item-author-avatar > img { width: 28px; height: 28px; border-radius: 50%; }
.hmyt-ticket-view-item-author-avatar > svg {
    width: 15px; height: 15px;
    color: #37e75b;
    position: absolute;
    bottom: -4px; right: -3px;
    background: #fff;
    border-radius: 50%;
    display: none;
}
.hmyt-ticket-view-item.is-operator .hmyt-ticket-view-item-author-avatar > svg { display: block; }
.hmyt-ticket-view-item-date { color: #a4a4a4; }


.hmyt-ticket-view-item-text pre {
    display: flex;
    flex-direction: column;
    background: transparent;
    padding: 0;
    margin-block: 1em 1em;
    margin-inline: 0;
}
.hmyt-ticket-view-item-text code {
    background: #e4ecf0;
    color: #222d44;
    border-radius: 12px;
    padding: 10px 18px;
    direction: ltr;
    text-align: left;
    position: relative;
    overflow: auto;
}
.hmyt-ticket-view-item-text code::before {
    position: absolute;
    top: 9px;
    right: 10px;
    background: rgb(207 216 220);
    border-radius: 8px;
    font-family: initial;
    padding: 1px 11px;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.8;
    pointer-events: none;
    user-select: none;
}
.hmyt-ticket-view-item-text code.language-css::before { content: 'CSS'; }
.hmyt-ticket-view-item-text code.language-code::before { content: 'code'; }
.hmyt-ticket-view-item-text code.language-php::before { content: 'PHP'; }
.hmyt-ticket-view-item-text code.language-javascript::before { content: 'JavaScript'; }
.hmyt-ticket-view-item-text code.language-html::before { content: 'HTML'; }
.hmyt-ticket-view-item-text code.language-xml::before { content: 'XML'; }
.hmyt-ticket-view-item-text code.language-sql::before { content: 'SQL'; }

.hmyt-ticket-view-item:not(.is-operator) .hmyt-ticket-view-item-text code {
    background: rgba(255, 255, 255, 0.09);
    color: #e6e9f0;
}
.hmyt-ticket-view-item:not(.is-operator) .hmyt-ticket-view-item-text code::before {
    background: rgba(255, 255, 255, 0.14);
    color: #e6e9f0;
}
.hmyt-ticket-view-item-text table {
    width: 100%;
    margin: 1rem 0;
    border-collapse: separate;
    border-spacing: 0;
    background: rgb(86 88 106 / 8%);
    border-radius: 12px;
    overflow: hidden;
    font-size: 14px;
}
.hmyt-ticket-view-item-text th,
.hmyt-ticket-view-item-text td {
    padding: 10px 14px;
    text-align: center;
    border-bottom: 6px solid rgba(255, 255, 255, 0.08);
    border-right: 6px solid rgba(255, 255, 255, 0.08);
}
.hmyt-ticket-view-item-text thead th { font-weight: 600; background: rgba(255, 255, 255, 0.06); }
.hmyt-ticket-view-item-text tbody tr:last-child td { border-bottom: none; }
.hmyt-ticket-view-item-text th:first-child,
.hmyt-ticket-view-item-text td:first-child { border-right: none; }


.hmyt-ticket-view-item-text figure { margin: 14px 0; max-width: 100%; }
.hmyt-ticket-view-item-text figure.image img,
.hmyt-ticket-view-item-text img { max-width: 100%; height: auto; border-radius: 12px; display: block; }
.hmyt-ticket-view-item-text figure.image { display: table; }
.hmyt-ticket-view-item-text figcaption { font-size: 12px; opacity: 0.7; padding-top: 6px; text-align: center; }
.hmyt-ticket-view-item-text ul,
.hmyt-ticket-view-item-text ol { margin: 8px 0; padding-inline-start: 24px; }
.hmyt-ticket-view-item-text li { margin: 4px 0; }
.hmyt-ticket-view-item-text blockquote {
    margin: 12px 0; padding: 6px 16px;
    border-inline-start: 4px solid currentColor; opacity: 0.85;
    background: rgba(255, 255, 255, 0.04); border-radius: 4px;
}
.hmyt-ticket-view-item.is-operator .hmyt-ticket-view-item-text blockquote { background: rgba(0, 0, 0, 0.04); }
.hmyt-ticket-view-item-text hr { border: 0; border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 16px 0; }
.hmyt-ticket-view-item.is-operator .hmyt-ticket-view-item-text hr { border-top-color: rgba(0, 0, 0, 0.12); }
.hmyt-ticket-view-item-text strong, .hmyt-ticket-view-item-text b { font-weight: 700; }


.hmyt-tk-att-list { gap: 6px; margin-top: 12px; display: flex; flex-wrap: wrap; }
.hmyt-tk-att-list .hmyt-tk-att {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(255, 255, 255, 0.07);
    border: solid 1px rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 11.5px;
    line-height: normal;
    color: inherit;
    opacity: 0.9;
    transition: all 0.15s ease;
}.hmyt-tk-att:hover { opacity: 1; background: rgba(255, 255, 255, 0.13); }
.hmyt-tk-att svg { width: 13px; height: 13px; }
.hmyt-ticket-view-item.is-operator .hmyt-tk-att { background: rgba(0, 0, 0, 0.05); border-color: rgba(0, 0, 0, 0.08); }
.hmyt-ticket-view-item.is-operator .hmyt-tk-att:hover { background: rgba(0, 0, 0, 0.09); }


.hmyt-front-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.hmyt-support-front .hmyt-field { display: flex; flex-direction: column; gap: 8px; }
.hmyt-support-front .hmyt-field-head { gap: 4px; display: flex; flex-direction: column; }
.hmyt-support-front .hmyt-field-label { font-size: 14px; font-weight: 700; }
.hmyt-support-front .hmyt-field-label small { display: inline; font-weight: 400; opacity: 0.6; font-size: 0.82em; margin-right: 4px; }
.hmyt-support-front .hmyt-field-note { font-size: 12px; opacity: 0.65; line-height: 21px; }
.hmyt-support-front .hmyt-input {
    width: 100%;
    border: solid 1px var(--hmyt-border) !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    font-size: 14px;
    background: #fcfcfc;
    box-shadow: none !important;
    min-height: 46px;
    color: var(--hmyt-text);
    line-height: normal;
}
.hmyt-support-front .hmyt-input:focus { border-color: var(--hmyt-p) !important; background: #fff; outline: 0; }
.hmyt-support-front .hmyt-textarea { min-height: 150px; line-height: 27px; }


.hmyt-support-front .hmyt-select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%2399a0a9'%3E%3Cg transform='rotate(-90 8 8)'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 14px center;
    background-size: 13px;
    padding-left: 40px !important;
}
.hmyt-support-front .hmyt-select::-ms-expand { display: none; }
.hmyt-support-front .hmyt-select:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%2399a0a9'%3E%3Cg transform='rotate(-90 8 8)'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 14px center;
    background-size: 13px;
}
.hmyt-support-front .hmyt-error { border-color: #f44336 !important; }
.hmyt-support-front .hmyt-separator { height: 1px; background: var(--hmyt-soft); }
.hmyt-dept-message {
    align-items: flex-start;
    gap: 6px;
    margin: 7px 0 7px;
    padding: 5px 11px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    box-shadow: 0 3px 14px rgb(0 0 0 / 1%);
    border: 1px solid;
    background: rgba(37,177,213,0.12);
    color: #25b1d5;
    border-color: #63c6df;
}
.hmyt-dept-message p {
    margin: 0;
    font-weight: 600;
}

.hmyt-support-front .hmyt-switch-row { gap: 12px; cursor: pointer; display: flex; align-items: center; margin: 0; }
.hmyt-support-front .hmyt-switch-input { display: none !important; }
.hmyt-support-front .hmyt-surt-sw {
    width: 32px;
    height: 18px;
    background: transparent;
    border: 2px solid #9ca3af;
    border-radius: 99px;
    position: relative;
    transition: background 0.2s ease, border-color 0.2s ease;
    flex-shrink: 0;
}
.hmyt-support-front .hmyt-surt-sw::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #9ca3af;
    border-radius: 15px;
    top: 3px;
    right: calc(100% - 12px);
    transition: right 0.24s cubic-bezier(0.4, 0, 0.2, 1), background 0.22s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}
.hmyt-support-front .hmyt-switch-input:checked + .hmyt-surt-sw { background: #0d59f1; border-color: #0d59f1; }
.hmyt-support-front .hmyt-switch-input:checked + .hmyt-surt-sw::after { right: 3px; background: #fff; }
.hmyt-support-front .hmyt-form-field-note { opacity: 0.5; transition: all 0.2s ease; flex: 0 0 auto; cursor: help; }
.hmyt-support-front .hmyt-form-field-note:hover { opacity: 1; }
.hmyt-support-front .hmyt-form-field-note svg { width: 20px; height: 20px; }


.hmyt-field-upload .hmyt-attachments-list { gap: 8px; display: flex; flex-wrap: wrap; }
.hmyt-field-upload .hmyt-attachments-list:empty { display: none; }
.hmyt-attachment-chip { gap: 8px; background: #f3f5ff; border: solid 1px #e0e5ff; border-radius: 8px; padding: 7px 12px; font-size: 12px; }
.hmyt-attachment-chip.is-uploading { opacity: 0.6; }
.hmyt-attachment-remove { cursor: pointer; color: #f44336; font-size: 16px; line-height: 1; }
.hmyt-upload-btn { align-self: flex-start; gap: 7px; background: #f4f4f4; border-radius: 9px; padding: 10px 16px; font-size: 13px; font-weight: 600; color: #555; }
.hmyt-upload-btn:hover { background: #ececec; }
.hmyt-upload-btn svg { width: 18px; height: 18px; }


.hmyt-support-front .hmyt-form-end { gap: 14px; }
.hmyt-support-front .hmyt-btn { border: 0; border-radius: 10px; padding: 0 28px; height: 48px; font-size: 14px; font-weight: 700; gap: 8px; cursor: pointer; }
.hmyt-support-front .hmyt-btn-primary { background: var(--hmyt-p); color: #fff; }
.hmyt-support-front .hmyt-btn-primary:hover { background: var(--hmyt-p-hover); color:#fff}
.hmyt-support-front .hmyt-submit-wrap { gap: 10px; display: flex; align-items: center; }
.hmyt-front-form.is-loading .hmyt-btn { opacity: 0.6; pointer-events: none; }


.hmyt-support-front .hmyt-pagination { gap: 6px; margin-top: 20px; display: flex; justify-content: center; }
.hmyt-support-front .hmyt-page { min-width: 38px; height: 38px; padding: 0 12px; border-radius: 9px; background: #fff; border: solid 1px var(--hmyt-border); color: #555; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; }
.hmyt-support-front .hmyt-page:hover { border-color: var(--hmyt-p); color: var(--hmyt-p); }
.hmyt-support-front .hmyt-page-current { background: var(--hmyt-p); color: #fff; border-color: var(--hmyt-p); }
.hmyt-support-front .hmyt-page-dots { border: 0; background: transparent; }


.hmyt-support-front .ticket-view-loadmore-btn-wrapper {
    margin: 8px 0 30px;
    width: 100%;
    position: relative;
}
.hmyt-support-front .ticket-view-loadmore-btn-wrapper::before {
    content: '';
    position: absolute;
    left: 33px;
    right: 33px;
    height: 1px;
    top: 50%;
    background: #cfd8dc;
}
.hmyt-support-front .ticket-view-loadmore-btn {
    background: #f0f2f5;
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    padding: 7px 40px;
    font-weight: 500;
    font-size: 13px;
    box-shadow: 0 0 0 1px #cfd8dc;
    gap: 6px;
    color: #54667a;
}
.hmyt-support-front .ticket-view-loadmore-btn:hover { background: #e9edf1; box-shadow: 0 0 0 1px var(--hmyt-p); color: var(--hmyt-p); }
.hmyt-support-front .ticket-view-loadmore-btn .lm-icon { width: 18px; height: 18px; }

.hmyt-support-front .ticket-view-loadmore-btn.is-loading {
    pointer-events: none;
    color: #9aa7b3;
    box-shadow: 0 0 0 1px #d7dde2;
}
.hmyt-support-front .ticket-view-loadmore-btn.is-loading .lm-icon { opacity: 0.4; }
.hmyt-support-front .ticket-view-loadmore-btn.is-loading::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.85), transparent);
    transform: translateX(-100%);
    animation: hmyt-lm-shimmer 1.15s ease-in-out infinite;
}
@keyframes hmyt-lm-shimmer { 100% { transform: translateX(100%); } }


.hmyt-support-front .hmyt-ticket-transfer-notice {
    width: 100%;
    position: relative;
    margin: 6px 0;
    padding: 6px 0;
}
.hmyt-support-front .hmyt-ticket-transfer-notice::before {
    content: '';
    position: absolute;
    left: 0; right: 0;
    height: 1px; top: 50%;
    background: #e0e6ea;
}
.hmyt-support-front .hmyt-ticket-transfer-pill {
    position: relative;
    background: #fff;
    border: solid 1px #e6e6e6;
    border-radius: 20px;
    padding: 4px 16px;
    font-size: 12px;
    color: #6b7785;
}
.hmyt-support-front .hmyt-ticket-transfer-pill svg { width: 15px; height: 15px; opacity: 0.7; }
.hmyt-support-front .hmyt-ticket-transfer-pill small { opacity: 0.6; margin-right: 4px; }


.hmyt-support-front .hmyt-front-reply { margin-top: 8px; }
.hmyt-support-front .hmyt-reply-tabs {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 4%);
    border: 1px solid #e6e6e6;
    margin-bottom: 14px;
    position: relative;
    z-index: 9;
}
.hmyt-support-front .hmyt-reply-tab {
    flex: 1;
    gap: 6px;
    justify-content: center;
    padding: 20px 21px;
    color: #777;
    border-bottom: solid 3px #fff;
    font-size: 14px;
    font-weight: 500;
    opacity: 0.85;
}
.hmyt-support-front .hmyt-reply-tab:hover { opacity: 1; }
.hmyt-support-front .hmyt-reply-tab.active { color: var(--hmyt-p); border-bottom-color: var(--hmyt-p); opacity: 1; box-shadow: 0 2px 10px rgb(0 0 0 / 9%); }
.hmyt-support-front .hmyt-reply-tip { line-height: 0; }
.hmyt-support-front .hmyt-reply-tip-icon { width: 16px; height: 16px; opacity: 0.55; color: #6b7280; }
.hmyt-support-front .hmyt-reply-tab.active .hmyt-reply-tip-icon { opacity: 0.85; }
.hmyt-support-front .hmyt-reply-tip-text {
    position: absolute;
    bottom: calc(100% + 9px);
    left: 50%;
    transform: translateX(-50%) scale(0.95);
    background: #1c274c;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.9;
    padding: 7px 11px;
    border-radius: 7px;
    width: max-content;
    max-width: 230px;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.15s ease;
    z-index: 60;
}
.hmyt-support-front .hmyt-reply-tip-text::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%) rotate(45deg); width: 8px; height: 8px; background: #1c274c; margin-top: -4px; }
.hmyt-support-front .hmyt-reply-tip:hover .hmyt-reply-tip-text { opacity: 1; transform: translateX(-50%) scale(1); }

.hmyt-support-front .hmyt-reply-box { gap: 0; }
.hmyt-support-front .hmyt-schedule-wrapper {
    background: #fff;
    border: solid 1px #ccced1;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    padding: 15px 20px 22px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 2%);
    gap: 12px;
    position: relative;
    z-index: 0;
    margin-bottom: -2px;
}
.hmyt-support-front .hmyt-schedule-head { font-size: 13px; font-weight: 500; color: #54667a; }
.hmyt-support-front .hmyt-schedule-head svg { opacity: 0.25; flex: 0 0 auto; }
.hmyt-support-front .hmyt-schedule-count { margin-bottom:0; width: 90px !important; min-height: 46px; text-align: center; }
.hmyt-support-front .hmyt-schedule-unit { flex: 1; min-height: 46px; }
.hmyt-support-front .hmyt-msg-timed { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: #ffb900; font-weight: 600; }
.hmyt-support-front .hmyt-msg-timed svg { width: 13px; height: 13px; }


.hmyt-support-front .hmyt-ticket-view-item-text.hmyt-msg-expired {
    background: transparent !important;
    box-shadow: none;
    border: solid 1px #ffb900;
    color: #ffb900;
    font-weight: 500;
    gap: 10px;
}
.hmyt-support-front .hmyt-ticket-view-item-text.hmyt-msg-expired svg { width: 18px; height: 18px; color: #ffb900; flex: 0 0 18px; }


.hmyt-support-front .hmyt-btn.hmyt-btn-lg { font-size: 19px; padding: 0 55px; height: 61px; font-weight: 600; }


.hmyt-support-front .gap-15 { gap: 15px; }
.hmyt-support-front .gap-20 { gap: 20px; }
.hmyt-support-front .pointer { cursor: pointer; }
.hmyt-support-front .ease { transition: all 0.2s ease; }
.hmyt-support-front .select-none { user-select: none; }
.hmyt-support-front .text-center { text-align: center; }


.hmyt-support-front .hmyt-support-head { gap: 12px 18px; flex-wrap: wrap; margin: 0 0 14px; }
.hmyt-support-front .hmyt-support-head-title { font-size: 19px; font-weight: 700; }
.hmyt-support-front .hmyt-support-head-actions { gap: 10px; }
.hmyt-support-front .hmyt-support-head-btn {
    gap: 7px;
    height: 42px;
    padding: 0 20px;
    background: var(--hmyt-p);
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
    font-size: 13px;
}
.hmyt-support-front .hmyt-support-head-btn:hover { background: var(--hmyt-p-hover); color: #fff; }
.hmyt-support-front .hmyt-support-head-btn svg { width: 14px; height: 14px; }
.hmyt-support-front .hmyt-support-head-btn.color2 {
    background: #fff;
    color: #555;
    border: solid 1px var(--hmyt-border);
}
.hmyt-support-front .hmyt-support-head-btn.color2:hover { background: #fafafa; color: #222; }

.hmyt-support-front .hmyt-ticket-view-head {
    line-height: normal;
    row-gap: 12px;
    column-gap: 25px;
    border: solid 1px var(--hmyt-border);
    padding: 18px 22px;
    border-radius: 18px;
    background: #fff;
    margin-bottom: 18px;
}
.hmyt-support-front .hmyt-ticket-view-head .hmyt-ticket-view-status-icon { width: 4px; height: 20px; border-radius: 10px; flex: 0 0 4px; }
.hmyt-support-front .hmyt-ticket-view-avatar > img { width: 50px; height: 50px; border-radius: 50%; }
.hmyt-support-front .hmyt-ticket-view-details { gap: 20px; }
.hmyt-support-front .hmyt-ticket-view-details > span { font-size: 13px; opacity: 0.6; }
.hmyt-support-front .hmyt-ticket-view-title { font-size: 16px; font-weight: 700; }
.hmyt-support-front .hmyt-ticket-view-value { color: #a0a0a0; font-size: 13px; }
.hmyt-support-front .hmyt-ticket-view-more-btn {
    flex: 0 0 100%;
    width: 100%;
    gap: 5px;
    cursor: pointer;
    padding: 4px 0;
    opacity: 0.7;
    transition: all 0.2s ease;
}
.hmyt-support-front .hmyt-ticket-view-more-btn:hover, .hmyt-support-front .hmyt-ticket-view-more-btn.open { opacity: 1; }
.hmyt-support-front .hmyt-ticket-view-more-btn > svg { width: 13px; height: 13px; opacity: 0.5; transition: all 0.2s ease; }
.hmyt-support-front .hmyt-ticket-view-more-btn.open > svg { transform: rotate(180deg); }
.hmyt-support-front .hmyt-ticket-view-data-more { flex: 0 0 100%; width: 100%; gap: 10px 30px; }
.hmyt-support-front .hmyt-ticket-view-data { gap: 6px; font-size: 13px; }
.hmyt-support-front .hmyt-ticket-view-data > span { opacity: 0.75; }
.hmyt-support-front .hmyt-ticket-view-data > a { color: var(--hmyt-p); }



.hmyt-support-front .hmyt-dept-selects { gap: 15px; }
.hmyt-support-front .hmyt-dept-field,
.hmyt-support-front .hmyt-dept-col { flex: 1 1 calc(50% - 8px); min-width: 200px; }
.hmyt-support-front .hmyt-dept-extra { gap: 15px; margin-bottom: 4px; }
.hmyt-support-front .hmyt-dept-col > .hmyt-field { width: 100%; }
.hmyt-support-front .hmyt-new-placeholder {
    gap: 8px;
    padding: 36px 20px;
    color: #5a6473;
}
.hmyt-support-front .hmyt-new-placeholder > svg {width: 85px;height: 85px;opacity: 0.2;color: #54667a;}
.hmyt-support-front .hmyt-new-placeholder-title {font-size: 15px;font-weight: 700;color: var(--hmyt-text);}
.hmyt-support-front .hmyt-new-placeholder-desc {font-size: 12.5px;opacity: 0.7;line-height: 22px;}

@media screen and (max-width: 600px) {
    .hmyt-ticket-view-item-text, .hmyt-ticket-view-item-details { max-width: 800px; }
    .hmyt-front-search { max-width: 800px; flex: 0 0 100%; order: 3; }
}