.dpt-wrap {
    --dpt-css-ready: 1;
    --dpt-primary: #FF5001;
    --dpt-primary-dark: #CC4000;
    --dpt-ink: #172033;
    --dpt-muted: #667085;
    --dpt-line: #c6d2e1;
    --dpt-border: #b7c6d8;
    --dpt-border-strong: #96abc4;
    --dpt-soft: #f6f8fb;
    --dpt-navy: #132238;
    max-width: 1180px;
    margin: 30px auto;
    color: var(--dpt-ink);
    font-family: "Be Vietnam Pro", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.55;
}

.dpt-debug-banner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 18px; border-bottom: 1px solid #b9d8f5; background: #eaf5ff; color: #174f7c; font-size: 12px; }
.dpt-debug-banner strong { font-size: 13px; }

.dpt-wrap *, .dpt-wrap *::before, .dpt-wrap *::after { box-sizing: border-box; }
.dpt-wrap a { text-decoration: none; }
.dpt-icon { width: 21px; height: 21px; flex: 0 0 auto; }
.dpt-wrap.dpt-support-portal { width: 100% !important; max-width: 1180px !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: left !important; }
.dpt-support-portal { clear: both; overflow-wrap: anywhere; border-radius: 20px; box-shadow: 0 22px 65px rgba(18, 34, 56, .14); }
.dpt-support-portal [hidden] { display: none !important; }
.dpt-support-portal svg { display: inline-block; fill: none; vertical-align: middle; }
.dpt-support-portal h1, .dpt-support-portal h2, .dpt-support-portal h3, .dpt-support-portal h4, .dpt-support-portal p { text-transform: none; font-style: normal; }
.dpt-support-portal fieldset { min-width: 0; }
.dpt-support-portal legend { float: none; width: auto; margin: 0; }
.dpt-support-portal button, .dpt-support-portal input, .dpt-support-portal select, .dpt-support-portal textarea { float: none; max-width: 100%; margin-left: 0; margin-right: 0; font-family: inherit !important; text-transform: none; letter-spacing: normal; }
.dpt-support-portal input:not([type="checkbox"]):not([type="radio"]), .dpt-support-portal textarea { box-shadow: none !important; }
.dpt-support-portal select { appearance: none; -webkit-appearance: none; box-shadow: none !important; background-image: linear-gradient(45deg, transparent 50%, #667085 50%), linear-gradient(135deg, #667085 50%, transparent 50%); background-position: calc(100% - 17px) 20px, calc(100% - 12px) 20px; background-repeat: no-repeat; background-size: 5px 5px, 5px 5px; padding-right: 36px; }
.dpt-support-portal .dpt-steps, .dpt-support-portal .dpt-files { list-style: none; }
.dpt-portal-shell { isolation: isolate; overflow: hidden; width: 100%; border: 1px solid #dfe4ec; border-radius: 20px; background: #fff; }

.dpt-portal-header { display: flex; min-height: 116px; align-items: center; justify-content: space-between; gap: 30px; padding: 24px 34px; background: linear-gradient(135deg, #132238 0%, #1d3452 100%); color: #fff; }
.dpt-brand-block { display: flex; align-items: center; gap: 15px; }
.dpt-brand-mark { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; border: 2px solid rgba(255, 255, 255, .65); border-radius: 15px; background: var(--dpt-primary); color: #fff; font-size: 19px; font-weight: 900; letter-spacing: -.5px; box-shadow: 0 8px 25px rgba(0, 0, 0, .22); }
.dpt-kicker { display: inline-block; color: #ffc56f; font-size: 11px; font-weight: 900; letter-spacing: 1.8px; }
.dpt-brand-block h2 { margin: 3px 0 0; color: #fff; font-size: 22px; line-height: 1.25; }
.dpt-portal-nav { display: flex; width: min(100%, 660px); min-width: 620px; align-items: center; gap: 6px; padding: 5px; border: 1px solid rgba(255, 255, 255, .13); border-radius: 13px; background: rgba(255, 255, 255, .06); }
.dpt-portal-nav a { display: inline-flex; min-width: 0; min-height: 44px; flex: 1 1 0; align-items: center; justify-content: center; gap: 8px; padding: 10px 15px; border-radius: 9px; color: #dbe5f2; font-size: 13px; font-weight: 800; text-align: center; transition: background .2s ease, color .2s ease; }
.dpt-portal-nav a:last-child span { white-space: nowrap; }
.dpt-portal-nav a:hover, .dpt-portal-nav a.is-active { background: #fff; color: var(--dpt-navy); }
.dpt-portal-nav .dpt-icon { width: 18px; height: 18px; }

.dpt-portal-main { min-height: 520px; padding: 42px 42px 52px; background: #fbfcfe; }
.dpt-page-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; margin-bottom: 28px; }
.dpt-page-heading-compact { align-items: center; }
.dpt-page-heading h1 { margin: 5px 0 8px; color: var(--dpt-ink); font-size: 32px; line-height: 1.2; letter-spacing: -.6px; }
.dpt-page-heading p { max-width: 740px; margin: 0; color: var(--dpt-muted); }
.dpt-eyebrow { color: var(--dpt-primary-dark); font-size: 11px; font-weight: 900; letter-spacing: 1.5px; }
.dpt-service-badge { display: flex; min-width: 230px; align-items: center; gap: 11px; padding: 13px 15px; border: 1px solid #f2d5ab; border-radius: 12px; background: #fff9ef; color: #815013; }
.dpt-service-badge span { display: flex; flex-direction: column; }
.dpt-service-badge b { font-size: 13px; }
.dpt-service-badge small { color: #8f6b3f; font-size: 11px; }

.dpt-steps { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 760px; margin: 0 auto 34px; padding: 0; list-style: none; }
.dpt-steps li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; color: #98a2b3; font-size: 12px; text-align: center; }
.dpt-steps li::after { position: absolute; top: 16px; left: calc(50% + 23px); width: calc(100% - 46px); height: 2px; background: #e0e5ec; content: ''; }
.dpt-steps li:last-child::after { display: none; }
.dpt-steps li span { position: relative; z-index: 1; display: inline-flex; width: 33px; height: 33px; align-items: center; justify-content: center; border: 2px solid #d9dfe8; border-radius: 50%; background: #fff; font-weight: 900; }
.dpt-steps li.is-active { color: var(--dpt-ink); }
.dpt-steps li.is-active span { border-color: var(--dpt-primary); background: var(--dpt-primary); color: #fff; }
.dpt-steps li.is-active::after { background: #f4bd70; }

.dpt-section-title { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.dpt-section-title div > span { color: var(--dpt-primary-dark); font-size: 10px; font-weight: 900; letter-spacing: 1.2px; }
.dpt-section-title h3 { margin: 2px 0 0; font-size: 22px; line-height: 1.3; }
.dpt-section-title > p { margin: 0; color: var(--dpt-muted); font-size: 13px; }
.dpt-department-step.is-complete { display: none; }
.dpt-department-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.dpt-department-card { display: grid; grid-template-columns: 50px 1fr 24px; align-items: center; gap: 15px; min-height: 128px; padding: 20px; border: 1px solid var(--dpt-line); border-radius: 14px; background: #fff; color: var(--dpt-ink); box-shadow: 0 5px 18px rgba(24, 39, 63, .04); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.dpt-department-card:hover, .dpt-department-card.is-selected { border-color: var(--dpt-primary); box-shadow: 0 12px 28px rgba(24, 39, 63, .1); transform: translateY(-2px); }
.dpt-department-icon { display: inline-flex; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 13px; background: #fff5e6; color: var(--dpt-primary-dark); }
.dpt-department-icon .dpt-icon { width: 26px; height: 26px; }
.dpt-department-copy { display: flex; min-width: 0; flex-direction: column; }
.dpt-department-copy b { font-size: 16px; }
.dpt-department-copy small { margin: 3px 0 8px; color: var(--dpt-muted); font-size: 12px; line-height: 1.45; }
.dpt-department-copy em { display: flex; align-items: center; gap: 5px; color: #855814; font-size: 11px; font-style: normal; font-weight: 700; }
.dpt-department-copy em .dpt-icon { width: 14px; height: 14px; }
.dpt-department-arrow { color: #a0a8b5; }
.dpt-request-step { display: none; }
.dpt-request-step.is-visible { display: block; animation: dpt-fade-in .25s ease; }
@keyframes dpt-fade-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.dpt-form { color: var(--dpt-ink); }
.dpt-form-section, .dpt-tech { margin: 0 0 18px; padding: 23px; border: 1px solid var(--dpt-line); border-radius: 14px; background: #fff; }
.dpt-department-fields[hidden] { display: none !important; }
.dpt-department-fields:not([hidden]) { animation: dpt-fade-in .2s ease; }
.dpt-form-section legend { padding: 0 9px; color: var(--dpt-ink); font-size: 16px; font-weight: 900; }
.dpt-form label { position: relative; display: block; margin-bottom: 17px; color: #344054; font-size: 13px; font-weight: 800; }
.dpt-form label > span { color: #c83a32; }
.dpt-form input, .dpt-form select, .dpt-form textarea { width: 100%; min-height: 46px; margin-top: 7px; padding: 11px 13px; border: 1px solid #cfd6e1; border-radius: 9px; outline: none; background: #fff; color: var(--dpt-ink); font: inherit; font-weight: 400; transition: border-color .15s ease, box-shadow .15s ease; }
.dpt-form textarea { min-height: 130px; resize: vertical; }
.dpt-form input:focus, .dpt-form select:focus, .dpt-form textarea:focus { border-color: var(--dpt-primary); box-shadow: 0 0 0 3px rgba(255, 80, 1, .16); }
.dpt-form input[readonly] { background: #f2f4f7; color: #5f6b7a; }
.dpt-form input[type="checkbox"] { width: auto; min-height: 0; margin: 2px 8px 0 0; }
.dpt-form small { display: block; margin: 5px 0 0; color: var(--dpt-muted); font-size: 11px; font-weight: 400; }
.dpt-form-section > label:last-child, .dpt-form-section .dpt-grid > label:nth-last-child(-n+2) { margin-bottom: 0; }
.dpt-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.dpt-inline-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.dpt-department-note { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; padding: 11px 13px; border-radius: 9px; background: #fff8ed; color: #775020; font-size: 12px; }
.dpt-department-note .dpt-icon { width: 17px; height: 17px; }
.dpt-department-fields-intro { margin: 0 0 16px; color: var(--dpt-muted); font-size: 12px; }
.dpt-security-note { display: flex; align-items: flex-start; gap: 11px; margin: 0 0 17px; padding: 13px 14px; border: 1px solid #b8d5ed; border-radius: 10px; background: #edf6fd; color: #174f78; }
.dpt-security-note > .dpt-icon { width: 20px; height: 20px; margin-top: 1px; }
.dpt-security-note span { display: flex; flex-direction: column; }
.dpt-security-note b { font-size: 13px; }
.dpt-security-note small { margin-top: 2px; color: #3f6988; line-height: 1.5; }
.dpt-field-counter { position: absolute; right: 10px; bottom: 10px; margin: 0 !important; padding: 1px 5px; background: #fff; }
.dpt-tech summary { cursor: pointer; color: #27364a; font-weight: 900; }
.dpt-tech summary small { display: inline; margin-left: 8px; font-weight: 400; }
.dpt-tech[open] summary { margin-bottom: 8px; }
.dpt-tech .dpt-grid { margin-top: 16px; }
.dpt-help { margin: 0; color: var(--dpt-muted); font-size: 12px; }
.dpt-text-button { display: inline-flex; align-items: center; gap: 5px; padding: 7px 0; border: 0; background: transparent; color: #5a6677; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.dpt-text-button:hover { color: var(--dpt-primary-dark); }
.dpt-text-button .dpt-icon { width: 17px; height: 17px; }

.dpt-dropzone { display: flex !important; min-height: 160px; align-items: center; justify-content: center; flex-direction: column; margin: 0 !important; padding: 24px; border: 2px dashed #cfd7e3; border-radius: 12px; background: #fafbfd; text-align: center; cursor: pointer; transition: border-color .18s ease, background .18s ease; }
.dpt-dropzone:hover, .dpt-dropzone.is-dragging { border-color: var(--dpt-primary); background: #fff8ed; }
.dpt-dropzone > .dpt-icon { width: 32px; height: 32px; margin-bottom: 8px; color: var(--dpt-primary-dark); }
.dpt-dropzone b { font-size: 14px; }
.dpt-dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.dpt-file-list { display: grid; gap: 7px; margin-top: 12px; }
.dpt-file-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 11px; border: 1px solid var(--dpt-line); border-radius: 8px; background: #fff; font-size: 12px; }
.dpt-file-item span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dpt-file-error { margin-top: 9px; color: #b42318; font-size: 12px; font-weight: 700; }
.dpt-consent { display: flex !important; align-items: flex-start; margin: 5px 0 18px !important; padding: 14px; border: 1px solid #f2d5ab; border-radius: 9px; background: #fff8ed; color: #b42318; font-weight: 400 !important; }
.dpt-consent > span { color: #b42318; font-weight: 400 !important; }
.dpt-consent a { color: #174f98; font-weight: 500; text-decoration: underline; }
.dpt-submit-row { display: flex; align-items: center; gap: 18px; }
.dpt-submit-row > small { max-width: 360px; color: var(--dpt-muted); }
.dpt-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 8px; padding: 12px 20px; border: 1px solid var(--dpt-primary); border-radius: 9px; background: var(--dpt-primary); color: #fff !important; font-size: 14px; font-weight: 900; line-height: 1.2; text-decoration: none !important; cursor: pointer; transition: transform .15s ease, filter .15s ease, box-shadow .15s ease; }
.dpt-button:hover { filter: brightness(.94); box-shadow: 0 8px 18px rgba(20, 35, 60, .14); transform: translateY(-1px); }
.dpt-button:disabled { cursor: wait; filter: grayscale(.25); opacity: .65; transform: none; }
.dpt-button-secondary { border-color: #cfd6e1; background: #fff; color: #344054 !important; }
.dpt-button-secondary:hover { border-color: var(--dpt-primary); color: var(--dpt-primary-dark) !important; }
.dpt-button-link { margin-top: 8px; }
.dpt-action-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.dpt-heading-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; }
.dpt-wrap .dpt-button.dpt-emphasis-button { min-height: 50px; padding: 13px 22px; border: 2px solid #0b5fd7 !important; background: linear-gradient(135deg, #1267e8 0%, #079edc 100%) !important; color: #fff !important; font-family: inherit !important; font-size: 15px; font-weight: 900 !important; line-height: 1.2; letter-spacing: .15px; text-shadow: 0 1px 1px rgba(0, 48, 112, .35); box-shadow: 0 8px 18px rgba(20, 101, 232, .28) !important; white-space: nowrap; }
.dpt-wrap .dpt-button.dpt-emphasis-button:hover, .dpt-wrap .dpt-button.dpt-emphasis-button:focus { border-color: #084fae !important; background: linear-gradient(135deg, #0e58c9 0%, #078bc1 100%) !important; color: #fff !important; box-shadow: 0 10px 22px rgba(20, 101, 232, .36) !important; transform: translateY(-1px); }
.dpt-support-home-button .dpt-icon { width: 18px; height: 18px; }

.dpt-alert { margin-bottom: 20px; padding: 14px 16px; border-radius: 9px; }
.dpt-success { border: 1px solid #b7dfc5; background: #edf9f1; color: #176b3a; }
.dpt-error { border: 1px solid #efc1c1; background: #fff0f0; color: #a52b2b; }
.dpt-neutral { border: 1px solid #d9e0e9; background: #f4f6f9; color: #526071; }
.dpt-success-panel { display: flex; align-items: flex-start; gap: 18px; padding: 28px; border: 1px solid #a9dabb; border-radius: 15px; background: #f0faf3; }
.dpt-success-panel h3 { margin: 0 0 6px; color: #176b3a; }
.dpt-success-panel p { margin: 0; }
.dpt-success-icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 50%; background: #2e8b4e; color: #fff; }
.dpt-success-icon .dpt-icon { width: 27px; height: 27px; }
.dpt-copy-code { padding: 2px 6px; border: 1px dashed #2e8b4e; border-radius: 5px; background: #fff; color: #176b3a; font: inherit; font-weight: 900; cursor: copy; }

.dpt-two-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.dpt-auth-card { padding: 28px; border: 1px solid var(--dpt-line); border-radius: 15px; background: #fff; }
.dpt-auth-card-muted { background: #f4f7fa; }
.dpt-auth-card h3 { margin: 12px 0 6px; font-size: 20px; }
.dpt-auth-card > p { margin: 0 0 20px; color: var(--dpt-muted); }
.dpt-auth-icon { display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 12px; background: #fff1dc; color: var(--dpt-primary-dark); }
.dpt-auth-icon .dpt-icon { width: 25px; height: 25px; }
.dpt-auth-card .dpt-form { margin-top: 20px; }
.dpt-support-auth { align-items: start; }
.dpt-support-auth .dpt-auth-card { height: 100%; }
.dpt-auth-check { display: flex !important; align-items: flex-start; gap: 7px; margin: 4px 0 16px !important; font-weight: 600 !important; }
.dpt-auth-check input { flex: 0 0 auto; margin-top: 3px !important; }
.dpt-auth-check span { line-height: 1.5; }
.dpt-forgot-link { display: inline-block; margin-top: 13px; color: var(--dpt-ticket-blue); font-size: 12px; font-weight: 800; }
.dpt-login-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: 4px; }
.dpt-wrap .dpt-login-actions .dpt-login-button { min-width: 174px; min-height: 52px; padding: 13px 24px; border: 2px solid #0b5fd7 !important; border-radius: 7px; background: linear-gradient(135deg, #1267e8 0%, #079edc 100%) !important; color: #fff !important; font-family: inherit !important; font-size: 16px; font-weight: 900 !important; letter-spacing: .15px; text-shadow: 0 1px 1px rgba(0, 48, 112, .38); box-shadow: 0 8px 18px rgba(20, 101, 232, .30) !important; }
.dpt-wrap .dpt-login-actions .dpt-login-button:hover, .dpt-wrap .dpt-login-actions .dpt-login-button:focus { border-color: #084fae !important; background: linear-gradient(135deg, #0e58c9 0%, #078bc1 100%) !important; box-shadow: 0 11px 24px rgba(20, 101, 232, .40) !important; transform: translateY(-1px); }
.dpt-login-actions .dpt-forgot-link { margin: 0; color: #075bcf; font-size: 13px; font-weight: 900; line-height: 1.4; white-space: nowrap; }
.dpt-login-actions .dpt-forgot-link:hover, .dpt-login-actions .dpt-forgot-link:focus { color: #084fae; text-decoration: underline; text-underline-offset: 3px; }
.dpt-account-panel { display: flex; align-items: flex-start; gap: 18px; padding: 28px; border: 1px solid var(--dpt-line); border-radius: 12px; background: #fff; box-shadow: 0 8px 26px rgba(31, 48, 74, .055); }
.dpt-account-panel h3 { margin: 0 0 4px; color: #252d3a; }
.dpt-account-panel p { margin: 0; color: var(--dpt-muted); }
.dpt-member-apps { margin-top: 20px; padding: 27px; border: 2px solid #d8e6f9; border-radius: 15px; background: linear-gradient(145deg,#f7fbff,#eef5ff); }
.dpt-member-apps-heading { max-width: 760px; margin-bottom: 18px; }
.dpt-member-apps-heading h2 { margin: 5px 0 7px; color: #1f2f49; font-size: 25px; }
.dpt-member-apps-heading p { margin: 0; color: var(--dpt-muted); line-height: 1.6; }
.dpt-member-app-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.dpt-member-app-card { min-width: 0; min-height: 118px; padding: 17px; display: grid; grid-template-columns: 43px minmax(0,1fr) 20px; align-items: center; gap: 12px; border: 1px solid #d7e1ef; border-radius: 12px; background: #fff; color: #24354e !important; text-decoration: none !important; box-shadow: 0 5px 16px rgba(31,48,74,.055); transition: transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.dpt-member-app-card:hover, .dpt-member-app-card:focus-visible { border-color: #1465e8; box-shadow: 0 10px 24px rgba(20,101,232,.14); transform: translateY(-2px); }
.dpt-member-app-card:focus-visible { outline: 3px solid rgba(20,101,232,.22); outline-offset: 2px; }
.dpt-member-app-icon { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 11px; background: linear-gradient(135deg,#18498f,#55439f); color: #fff; }
.dpt-member-app-icon .dpt-icon { width: 24px; height: 24px; }
.dpt-member-app-card strong, .dpt-member-app-card small { display: block; }
.dpt-member-app-card strong { color: #182b49; font-size: 15px; }
.dpt-member-app-card small { margin-top: 5px; color: #66758a; font-size: 12px; line-height: 1.45; }
.dpt-member-app-card > .dpt-icon { width: 19px; color: #1465e8; }
.dpt-verification-panel { margin-top: 18px; border-color: #f0cf91; background: #fffaf0; }
.dpt-verification-panel > div { min-width: 0; flex: 1; }
.dpt-inline-form { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; margin-top: 16px; }
.dpt-verification-panel .dpt-inline-form > label { flex: 1 0 100%; }
.dpt-inline-form .dpt-button { margin: 0; }
.dpt-profile-card { margin-top: 18px; }
.dpt-profile-card .dpt-form { margin-top: 20px; }
.dpt-password-card { max-width: 620px; margin: 0 auto; }
.dpt-verified { color: #177245; }
.dpt-unverified { color: #b25800; }

.dpt-solution-suggestions { display: grid; gap: 8px; margin: -9px 0 20px; padding: 14px; border: 1px solid #cfe0f8; border-radius: 6px; background: #f7fbff; }
.dpt-solution-suggestions > strong { color: #244a78; font-size: 12px; }
.dpt-solution-suggestion { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border: 1px solid #dce8f6; border-radius: 5px; background: #fff; color: #233b5b; transition: border-color .15s ease, transform .15s ease; }
.dpt-solution-suggestion:hover { border-color: var(--dpt-ticket-blue); transform: translateY(-1px); }
.dpt-solution-suggestion b { font-size: 13px; }
.dpt-solution-suggestion small { margin: 0; color: #66778d; line-height: 1.45; }
.dpt-solution-article { color: #344054; }
.dpt-solution-article > :first-child { margin-top: 0; }
.dpt-solution-article img { max-width: 100%; height: auto; }
.dpt-solution-article table { width: 100%; border-collapse: collapse; }
.dpt-solution-article th, .dpt-solution-article td { padding: 9px; border: 1px solid var(--dpt-line); text-align: left; }

.dpt-ticket-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 22px; }
.dpt-ticket-stats div { display: flex; align-items: baseline; gap: 9px; padding: 16px 18px; border: 1px solid var(--dpt-line); border-radius: 12px; background: #fff; }
.dpt-ticket-stats b { color: var(--dpt-primary-dark); font-size: 24px; }
.dpt-ticket-stats span { color: var(--dpt-muted); font-size: 12px; font-weight: 700; }
.dpt-ticket-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 14px; }
.dpt-ticket-filters { display: flex; flex-wrap: wrap; gap: 5px; }
.dpt-ticket-filters a { padding: 7px 10px; border-radius: 7px; color: #667085; font-size: 12px; font-weight: 800; }
.dpt-ticket-filters a:hover, .dpt-ticket-filters a.is-active { background: #fff0d9; color: #9a5100; }
.dpt-ticket-list { overflow: hidden; border: 1px solid var(--dpt-line); border-radius: 14px; background: #fff; }
.dpt-ticket-row { display: grid; grid-template-columns: minmax(0, 1fr) auto 90px 22px; align-items: center; gap: 15px; padding: 16px 18px; border-bottom: 1px solid #edf0f4; color: var(--dpt-ink); }
.dpt-ticket-row:last-child { border-bottom: 0; }
.dpt-ticket-row:hover { background: #fffaf2; }
.dpt-ticket-row-main { display: flex; min-width: 0; flex-direction: column; }
.dpt-ticket-row-main b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dpt-ticket-row-main small { overflow: hidden; margin-top: 3px; color: var(--dpt-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.dpt-ticket-priority { color: var(--dpt-muted); font-size: 12px; text-align: center; }
.dpt-status { display: inline-flex; align-items: center; justify-content: center; padding: 6px 10px; border-radius: 999px; background: #eef2f7; font-size: 11px; font-weight: 800; white-space: nowrap; }
.dpt-status-new { background: #fff3d8; color: #8a5b00; }
.dpt-status-processing { background: #e7f1ff; color: #175ca5; }
.dpt-status-waiting { background: #f5eafe; color: #7536a8; }
.dpt-status-resolved { background: #e7f8ed; color: #1b743f; }
.dpt-status-closed { background: #eceff3; color: #4b5565; }
.dpt-empty-state { padding: 55px 20px; color: var(--dpt-muted); text-align: center; }
.dpt-empty-state > .dpt-icon { width: 38px; height: 38px; }
.dpt-empty-state h3 { margin: 10px 0 3px; color: var(--dpt-ink); }
.dpt-empty-state p { margin: 0; }

.dpt-ticket-detail { overflow: hidden; border: 1px solid var(--dpt-line); border-radius: 15px; background: #fff; }
.dpt-ticket-detail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 24px 25px; border-bottom: 1px solid var(--dpt-line); }
.dpt-ticket-detail-head > div > span { color: var(--dpt-primary-dark); font-size: 11px; font-weight: 900; letter-spacing: .5px; }
.dpt-ticket-detail-head h3 { margin: 4px 0; font-size: 22px; }
.dpt-ticket-detail-head p { margin: 0; color: var(--dpt-muted); font-size: 12px; }
.dpt-ticket-metadata { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--dpt-line); background: #f8fafc; }
.dpt-ticket-metadata div { padding: 13px 16px; border-right: 1px solid var(--dpt-line); }
.dpt-ticket-metadata div:last-child { border-right: 0; }
.dpt-ticket-metadata small, .dpt-ticket-metadata b { display: block; }
.dpt-ticket-metadata small { margin-bottom: 3px; color: var(--dpt-muted); font-size: 10px; }
.dpt-ticket-metadata b { font-size: 12px; }
.dpt-thread { display: grid; gap: 16px; padding: 25px; background: #f7f9fc; }
.dpt-message { max-width: 86%; padding: 16px; border: 1px solid var(--dpt-line); border-radius: 13px; background: #fff; }
.dpt-message-staff { border-color: #efd3a9; background: #fffaf1; }
.dpt-message-customer { margin-left: auto; }
.dpt-message header { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.dpt-message header div { display: flex; flex-direction: column; }
.dpt-message header b { font-size: 12px; }
.dpt-message header small { color: var(--dpt-muted); font-size: 10px; }
.dpt-avatar { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 50%; background: var(--dpt-navy); color: #fff; font-size: 10px; font-weight: 900; }
.dpt-message-customer .dpt-avatar { background: #68768a; }
.dpt-message-body { font-size: 14px; }
.dpt-attachment-panel { padding: 20px 25px; border-top: 1px solid var(--dpt-line); }
.dpt-attachment-panel h4 { display: flex; align-items: center; gap: 7px; margin: 0 0 12px; }
.dpt-attachment-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.dpt-attachment-grid a { display: flex; min-width: 0; align-items: center; gap: 9px; padding: 10px; border: 1px solid var(--dpt-line); border-radius: 8px; color: var(--dpt-ink); }
.dpt-attachment-grid a:hover { border-color: var(--dpt-primary); }
.dpt-attachment-grid span { display: flex; min-width: 0; flex-direction: column; }
.dpt-attachment-grid b { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.dpt-attachment-grid small { color: var(--dpt-muted); font-size: 10px; }
.dpt-reply-form { padding: 22px 25px; border-top: 1px solid var(--dpt-line); }
.dpt-reply-form h4 { margin: 0 0 12px; }
.dpt-wrap button.dpt-button.dpt-reply-submit { min-height: 50px; padding: 13px 24px; border: 2px solid #0b5fd7 !important; background: linear-gradient(135deg, #1267e8 0%, #079edc 100%) !important; color: #fff !important; font-family: inherit !important; font-size: 16px; font-weight: 900 !important; line-height: 1.2; letter-spacing: .15px; text-shadow: 0 1px 1px rgba(0, 48, 112, .35); box-shadow: 0 8px 18px rgba(20, 101, 232, .28) !important; }
.dpt-wrap button.dpt-button.dpt-reply-submit:hover, .dpt-wrap button.dpt-button.dpt-reply-submit:focus { border-color: #084fae !important; background: linear-gradient(135deg, #0e58c9 0%, #078bc1 100%) !important; color: #fff !important; box-shadow: 0 10px 22px rgba(20, 101, 232, .36) !important; transform: translateY(-1px); }
.dpt-compact-file { margin: 10px 0 !important; }
.dpt-compact-file input { min-height: auto; padding: 8px; background: #fafbfd; }
.dpt-ticket-detail > .dpt-neutral { margin: 20px 25px; }
.dpt-department-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 0; padding: 18px 24px; border-bottom: 1px solid var(--dpt-line); background: #fffdf8; }
.dpt-department-summary div { padding: 10px 12px; border: 1px solid #eee4d2; border-radius: 9px; background: #fff; }
.dpt-department-summary dt { color: var(--dpt-muted); font-size: 11px; font-weight: 700; }
.dpt-department-summary dd { margin: 3px 0 0; color: var(--dpt-ink); font-weight: 800; }

.dpt-warranty-card { overflow: hidden; max-width: 760px; margin: 0 auto; border: 1px solid var(--dpt-line); border-radius: 16px; background: #fff; }
.dpt-warranty-head { display: flex; align-items: center; gap: 15px; padding: 23px; border-bottom: 1px solid var(--dpt-line); background: linear-gradient(135deg, #fff8ed, #fff); }
.dpt-warranty-head > div { flex: 1; }
.dpt-warranty-head small { color: var(--dpt-muted); }
.dpt-warranty-head h3 { margin: 2px 0 0; }
.dpt-warranty-seal { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; border-radius: 50%; background: var(--dpt-primary); color: #fff; }
.dpt-warranty-seal .dpt-icon { width: 29px; height: 29px; }
.dpt-warranty-state { padding: 7px 10px; border-radius: 999px; background: #eceff3; color: #536071; font-size: 11px; font-weight: 900; }
.dpt-warranty-state.is-active { background: #e4f6e9; color: #1c713c; }
.dpt-warranty-card dl { display: grid; grid-template-columns: 190px 1fr; margin: 0; padding: 15px 23px; }
.dpt-warranty-card dt, .dpt-warranty-card dd { margin: 0; padding: 11px 0; border-bottom: 1px solid #edf0f4; }
.dpt-warranty-card dt { color: var(--dpt-muted); font-size: 12px; font-weight: 700; }
.dpt-warranty-card dd { font-weight: 700; }
.dpt-warranty-card > .dpt-button { margin: 0 23px 23px; }

.dpt-card { padding: 34px; border: 1px solid var(--dpt-line); border-radius: 18px; background: #fff; box-shadow: 0 12px 40px rgba(20, 35, 60, .08); }
.dpt-heading { margin-bottom: 28px; text-align: center; }
.dpt-heading h2 { margin: 8px 0; font-size: 30px; line-height: 1.25; }
.dpt-heading p { margin: 0; color: var(--dpt-muted); }
.dpt-ticket-result { margin-top: 28px; padding-top: 25px; border-top: 1px solid var(--dpt-line); }
.dpt-result-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.dpt-result-head small, .dpt-reply small { display: block; color: var(--dpt-muted); }
.dpt-result-head h3 { margin: 3px 0; }
.dpt-ticket-result dl { display: grid; grid-template-columns: 150px 1fr; margin-top: 20px; border-top: 1px solid #edf0f4; }
.dpt-ticket-result dt, .dpt-ticket-result dd { margin: 0; padding: 13px 0; border-bottom: 1px solid #edf0f4; }
.dpt-ticket-result dt { font-weight: 700; }
.dpt-reply { margin: 14px 0; padding: 12px 16px; border-left: 3px solid var(--dpt-primary); background: #fafbfc; }
.dpt-reply p { margin-bottom: 0; }
.dpt-files { margin: 10px 0 20px; padding-left: 22px; }
.dpt-files a { color: #175ca5; font-weight: 700; }
.dpt-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.dpt-portal-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 34px; border-top: 1px solid var(--dpt-line); background: #fff; color: var(--dpt-muted); font-size: 11px; }
.dpt-portal-footer span { display: inline-flex; align-items: center; gap: 6px; }
.dpt-portal-footer .dpt-icon { width: 15px; height: 15px; }

@media (max-width: 1100px) {
    .dpt-portal-header { align-items: flex-start; flex-direction: column; }
    .dpt-portal-nav { width: 100%; min-width: 0; }
    .dpt-portal-nav a { flex: 1; justify-content: center; }
    .dpt-page-heading { flex-direction: column; }
    .dpt-service-badge { min-width: 0; }
    .dpt-ticket-metadata { grid-template-columns: repeat(2, 1fr); }
    .dpt-ticket-metadata div:nth-child(2) { border-right: 0; }
    .dpt-ticket-row { grid-template-columns: minmax(0, 1fr) auto 22px; }
    .dpt-ticket-priority { display: none; }
    .dpt-member-app-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 700px) {
    .dpt-wrap { margin: 14px auto; font-size: 15px; }
    .dpt-support-portal, .dpt-portal-shell { border-radius: 13px; }
    .dpt-portal-header { min-height: auto; padding: 20px; }
    .dpt-brand-mark { width: 44px; height: 44px; }
    .dpt-brand-block h2 { font-size: 18px; }
    .dpt-portal-nav { display: grid; grid-template-columns: repeat(4, 1fr); }
    .dpt-portal-nav a { min-width: 0; padding: 9px 4px; flex-direction: column; font-size: 10px; text-align: center; }
    .dpt-portal-nav a:last-child span { white-space: nowrap; }
    .dpt-portal-main { padding: 28px 18px 36px; }
    .dpt-page-heading h1 { font-size: 26px; }
    .dpt-department-grid, .dpt-grid, .dpt-two-column, .dpt-attachment-grid { grid-template-columns: 1fr; }
    .dpt-department-card { min-height: 116px; }
    .dpt-section-title { align-items: flex-start; flex-direction: column; gap: 5px; }
    .dpt-section-title > p { display: none; }
    .dpt-form-section, .dpt-tech { padding: 18px; }
    .dpt-form input, .dpt-form select, .dpt-form textarea { font-size: 16px !important; }
    .dpt-form-section .dpt-grid > label { margin-bottom: 16px !important; }
    .dpt-submit-row, .dpt-ticket-toolbar { align-items: stretch; flex-direction: column; }
    .dpt-button { width: 100%; }
    .dpt-action-row .dpt-button { width: auto; }
    .dpt-heading-actions { width: 100%; align-items: stretch; flex-direction: column; }
    .dpt-heading-actions .dpt-button, .dpt-support-home-button { width: 100%; }
    .dpt-ticket-stats { grid-template-columns: 1fr; }
    .dpt-ticket-stats div { justify-content: space-between; }
    .dpt-ticket-filters { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; }
    .dpt-ticket-filters a { flex: 0 0 auto; }
    .dpt-ticket-row { grid-template-columns: minmax(0, 1fr) 22px; }
    .dpt-ticket-row > .dpt-status { grid-column: 1 / -1; grid-row: 2; justify-self: start; }
    .dpt-ticket-row > .dpt-icon { grid-column: 2; grid-row: 1; }
    .dpt-ticket-detail-head { flex-direction: column; }
    .dpt-ticket-metadata { grid-template-columns: 1fr; }
    .dpt-department-summary { grid-template-columns: 1fr; }
    .dpt-ticket-metadata div { border-right: 0; border-bottom: 1px solid var(--dpt-line); }
    .dpt-ticket-metadata div:last-child { border-bottom: 0; }
    .dpt-thread { padding: 16px; }
    .dpt-message { max-width: 100%; }
    .dpt-warranty-card dl, .dpt-ticket-result dl { grid-template-columns: 1fr; }
    .dpt-warranty-card dt { padding-bottom: 0; border-bottom: 0; }
    .dpt-warranty-head { align-items: flex-start; flex-wrap: wrap; }
    .dpt-warranty-state { margin-left: 66px; }
    .dpt-card { padding: 22px; border-radius: 13px; }
    .dpt-heading h2 { font-size: 24px; }
    .dpt-result-head { align-items: flex-start; flex-direction: column; }
    .dpt-ticket-result dt { padding-bottom: 0; border-bottom: 0; }
    .dpt-portal-footer { align-items: flex-start; padding: 14px 20px; flex-direction: column; gap: 5px; }
    .dpt-debug-banner { align-items: flex-start; flex-direction: column; gap: 3px; }
}

@media (prefers-reduced-motion: reduce) {
    .dpt-button, .dpt-department-card { transition: none; }
    .dpt-request-step.is-visible { animation: none; }
}

/* Support rating page: isolated from the portal and the active theme. */
.dpt-wrap.dpt-rating-page {
    max-width: 960px;
    margin: 0 auto;
    color: #14213a;
}
.dpt-rating-page .dpt-rating-card {
    padding: 30px;
    border-color: #d7e2f0 !important;
    background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
}
.dpt-rating-page .dpt-rating-heading {
    margin-bottom: 20px;
}
.dpt-rating-page .dpt-rating-kicker {
    display: inline-block;
    margin-bottom: 7px;
    color: #0f5cab;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
}
.dpt-rating-page .dpt-rating-heading h2 {
    margin: 0 0 8px;
    color: #14213a;
    font-size: clamp(26px, 4vw, 34px);
}
.dpt-rating-page .dpt-rating-heading p {
    color: #5d6b80;
    font-size: 14px;
    line-height: 1.65;
}
.dpt-rating-status {
    display: grid;
    gap: 5px;
    margin: 0 0 20px;
    padding: 16px 18px;
    border: 1px solid #bed2ed;
    border-left: 4px solid #1768bd;
    border-radius: 10px;
    background: #eef6ff;
    color: #27415f;
    font-size: 14px;
    line-height: 1.55;
}
.dpt-rating-status strong {
    color: #12375f;
    font-size: 16px;
}
.dpt-rating-status-success {
    border-color: #a8ddbf;
    border-left-color: #159455;
    background: #eefaf3;
}
.dpt-rating-status-success strong { color: #12613b; }
.dpt-rating-status-warning {
    border-color: #f1cf93;
    border-left-color: #ed8a16;
    background: #fff8eb;
}
.dpt-rating-status-warning strong { color: #8b4a06; }
.dpt-rating-status-error {
    border-color: #edb9b9;
    border-left-color: #ce3d3d;
    background: #fff3f3;
}
.dpt-rating-status-error strong { color: #952f2f; }
.dpt-rating-ticket-meta {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 8px 18px;
    margin-bottom: 20px;
    padding: 14px 16px;
    border: 1px solid #dbe5f0;
    border-radius: 10px;
    background: #f5f9fe;
    font-size: 14px;
}
.dpt-rating-ticket-meta span { color: #66758a; }
.dpt-rating-ticket-meta strong { color: #173d68; overflow-wrap: anywhere; }
.dpt-rating-page .dpt-rating-form,
.dpt-rating-page .dpt-rating-request-form {
    margin: 0;
    padding: 20px;
    border: 1px solid #dbe5f0;
    border-radius: 12px;
    background: #fff;
}
.dpt-rating-page .dpt-rating-form label,
.dpt-rating-page .dpt-rating-request-form label {
    margin-bottom: 16px;
    color: #25364d;
    font-size: 14px;
}
.dpt-rating-page .dpt-rating-request-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.dpt-rating-page .dpt-rating-request-grid label { margin-bottom: 8px; }
.dpt-rating-page .dpt-rating-submit { min-width: 190px; }
.dpt-rating-page .dpt-rating-action { margin: 18px 0 0; text-align: center; }
.dpt-rating-page .dpt-rating-privacy {
    margin: 12px 0 0;
    color: #66758a;
    font-size: 12px;
    line-height: 1.55;
}
@media (max-width: 640px) {
    .dpt-rating-page .dpt-rating-card { padding: 18px; }
    .dpt-rating-page .dpt-rating-heading { margin-bottom: 16px; text-align: left; }
    .dpt-rating-page .dpt-rating-heading h2 { font-size: 26px; }
    .dpt-rating-page .dpt-rating-request-grid { grid-template-columns: 1fr; gap: 0; }
    .dpt-rating-page .dpt-rating-form,
    .dpt-rating-page .dpt-rating-request-form { padding: 16px; }
    .dpt-rating-page .dpt-rating-ticket-meta { grid-template-columns: 1fr; gap: 4px; }
    .dpt-rating-page .dpt-rating-ticket-meta strong + span { margin-top: 8px; }
    .dpt-rating-page .dpt-button { width: 100%; }
}

/* Ticket submission layout inspired by a modern hosting help desk. */
.dpt-wrap.dpt-support-portal {
    --dpt-ticket-blue: #1465e8;
    --dpt-ticket-cyan: #08a9eb;
    max-width: 1280px !important;
    margin: 24px auto;
}
.dpt-support-portal { border-radius: 12px; box-shadow: 0 18px 55px rgba(24, 49, 82, .10); }
.dpt-portal-shell { border-color: #e5e9ef; border-radius: 12px; }
.dpt-portal-header { min-height: 104px; padding: 22px 32px; border-bottom: 1px solid #eef1f5; background: #fff; color: var(--dpt-ink); }
.dpt-brand-mark { border: 0; border-radius: 8px; background: linear-gradient(135deg, #FF5001, #CC4000); box-shadow: 0 8px 22px rgba(255, 80, 1, .24); }
.dpt-kicker { color: #CC4000; }
.dpt-brand-block h2 { color: #172033; font-size: 21px; }
.dpt-portal-nav { border-color: #e3e8ef; background: #f8fafc; }
.dpt-portal-nav a { color: #344054; }
.dpt-portal-nav a:hover, .dpt-portal-nav a.is-active { background: var(--dpt-ticket-blue); color: #fff; }
.dpt-portal-main { padding: 42px 42px 52px; background: #f7f8fa; }

.dpt-ticket-hero { display: flex; height: 140px; min-height: 140px; justify-content: center; flex-direction: column; margin: -42px -42px 46px; padding: 12px 42px; overflow: hidden; background: linear-gradient(118deg, #1d63ed 0%, #107ce9 54%, #08abea 100%); color: #fff; }
.dpt-ticket-hero h1 { margin: 0 0 6px; color: #fff; font-family: inherit !important; font-size: 38px; font-weight: 800; line-height: 1.15; letter-spacing: -.7px; }
.dpt-ticket-hero > p { max-width: 760px; margin: 6px 0 0; color: rgba(255, 255, 255, .83); font-size: 13px; }
.dpt-ticket-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: rgba(255, 255, 255, .76); font-size: 13px; }
.dpt-ticket-breadcrumbs a { color: rgba(255, 255, 255, .82); }
.dpt-ticket-breadcrumbs a:hover { color: #fff; text-decoration: underline; }
.dpt-ticket-breadcrumbs strong { color: #fff; font-weight: 600; }

.dpt-ticket-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin: 0 0 14px; }
.dpt-ticket-section-heading h3 { margin: 0; color: #303846; font-size: 20px; font-weight: 500; }
.dpt-ticket-section-heading p { margin: 4px 0 0; color: #7b8492; font-size: 12px; }
.dpt-ticket-sla-badge { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid #cfe0f8; border-radius: 6px; background: #eff6ff; color: #245a9e; font-size: 11px; font-weight: 800; white-space: nowrap; }
.dpt-ticket-sla-badge .dpt-icon { width: 15px; height: 15px; }
.dpt-ticket-detail-heading { margin-top: 34px; }

.dpt-portal-form > .dpt-form-section, .dpt-portal-form > .dpt-tech { margin-bottom: 28px; padding: 24px; border: 1px solid #edf0f4; border-radius: 10px; background: #fff; box-shadow: 0 8px 26px rgba(31, 48, 74, .055); }
.dpt-ticket-info-card { padding-bottom: 20px !important; }
.dpt-form label { color: #232a35; font-size: 13px; font-weight: 700; }
.dpt-form input, .dpt-form select, .dpt-form textarea { min-height: 46px; border-color: #d9dee6; border-radius: 4px; background-color: #fff; }
.dpt-form input::placeholder, .dpt-form textarea::placeholder { color: #9ba3ae; opacity: 1; }
.dpt-form input:focus, .dpt-form select:focus, .dpt-form textarea:focus { border-color: var(--dpt-ticket-blue); box-shadow: 0 0 0 3px rgba(20, 101, 232, .12); }
.dpt-form input[data-dpt-uppercase] { text-transform: uppercase; letter-spacing: .35px; font-weight: 700; }
.dpt-field-full { grid-column: 1 / -1; }
.dpt-department-select { position: relative; color: #174f91 !important; font-size: 14px !important; font-weight: 900 !important; }
.dpt-department-select .dpt-department-select-icon { position: absolute; z-index: 2; bottom: 17px; left: 15px; display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient(135deg, #1267e8, #079edc); color: #fff !important; box-shadow: 0 5px 12px rgba(20, 101, 232, .28); pointer-events: none; transition: transform .18s ease, box-shadow .18s ease; }
.dpt-department-select .dpt-department-select-icon .dpt-icon { width: 20px; height: 20px; }
.dpt-department-select select { min-height: 70px; padding-left: 64px; border: 2px solid #3d83ea !important; border-radius: 8px !important; background-color: #eef6ff !important; color: #17345f !important; font-size: 15px !important; font-weight: 900 !important; cursor: pointer; box-shadow: 0 7px 18px rgba(20, 101, 232, .14) !important; transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.dpt-department-select:hover select, .dpt-department-select:focus-within select { border-color: #075bcf !important; background-color: #fff !important; box-shadow: 0 0 0 4px rgba(20, 101, 232, .14), 0 11px 24px rgba(20, 101, 232, .22) !important; transform: translateY(-1px); }
.dpt-department-select:hover .dpt-department-select-icon, .dpt-department-select:focus-within .dpt-department-select-icon { box-shadow: 0 7px 16px rgba(20, 101, 232, .36); transform: scale(1.06); }
.dpt-form label > .dpt-department-select-icon, .dpt-form label > .dpt-editor-label { color: inherit; }
.dpt-department-note { margin-top: -3px; border: 1px solid #e6edf7; border-radius: 4px; background: #f7faff; color: #4f6682; }

.dpt-ticket-detail-card > label { margin-bottom: 20px; }
.dpt-message-field > .dpt-editor-label { display: flex; min-height: 38px; align-items: center; margin-top: 7px; padding: 8px 14px; border: 1px solid #d9dee6; border-bottom: 0; border-radius: 4px 4px 0 0; background: #fafbfc; color: #697386; font-size: 11px; font-weight: 700; }
.dpt-message-field textarea { min-height: 330px; margin-top: 0; border-radius: 0 0 4px 4px; line-height: 1.65; }
.dpt-field-counter { bottom: 11px; color: #8b94a1 !important; }
.dpt-attachment-block { padding-top: 16px; border-top: 1px solid #edf0f4; }
.dpt-dropzone.dpt-ticket-dropzone { min-height: 64px; align-items: center; justify-content: flex-start; flex-direction: row; gap: 12px; padding: 14px 16px; border: 1px solid #d9dee6; border-radius: 4px; background: #fff; text-align: left; }
.dpt-dropzone.dpt-ticket-dropzone:hover, .dpt-dropzone.dpt-ticket-dropzone.is-dragging { border-color: var(--dpt-ticket-blue); background: #f7faff; }
.dpt-ticket-dropzone > .dpt-icon { width: 20px; height: 20px; margin: 0; color: #8a94a3; }
.dpt-ticket-dropzone > span { display: flex; flex-direction: column; }
.dpt-ticket-dropzone b { color: #687282; font-size: 13px; }
.dpt-ticket-dropzone small { margin: 1px 0 0; color: #9aa2ad; }
.dpt-attachment-help { margin: 8px 0 0; color: #9098a4; font-size: 11px; }

.dpt-consent { margin: 0 0 24px !important; border-color: #dfe5ed; border-radius: 6px; background: #fff; box-shadow: 0 5px 18px rgba(31, 48, 74, .035); }
.dpt-form .dpt-consent > span { color: #b42318; font-weight: 400 !important; }
.dpt-consent a { color: var(--dpt-ticket-blue); }
.dpt-submit-row.dpt-ticket-actions { justify-content: space-between; padding: 24px; border: 1px solid #edf0f4; border-radius: 10px; background: #fff; box-shadow: 0 8px 26px rgba(31, 48, 74, .055); }
.dpt-ticket-actions > div { display: grid; width: min(100%, 390px); grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 14px; }
.dpt-ticket-actions .dpt-button { width: 100%; min-height: 52px; height: 52px; padding: 12px 18px; box-sizing: border-box; }
.dpt-ticket-actions button.dpt-button { background: linear-gradient(135deg, #1267e8, #079edc); box-shadow: 0 8px 18px rgba(20, 101, 232, .22); }
.dpt-ticket-actions .dpt-button-secondary { border-width: 2px; border-color: #aeb8c6; background: #fff; }
.dpt-button { min-height: 46px; border-color: var(--dpt-ticket-blue); border-radius: 4px; background: var(--dpt-ticket-blue); font-weight: 700; box-shadow: none; }
.dpt-button:hover { box-shadow: 0 8px 18px rgba(20, 101, 232, .20); }
.dpt-button-secondary { border-color: #d7dce4; background: #fff; color: #343b46 !important; }
.dpt-button-secondary:hover { border-color: #aeb6c2; color: #1f2937 !important; }
.dpt-wrap.dpt-support-portal .dpt-button, .dpt-wrap:not(.dpt-support-portal) .dpt-button { min-height: 50px; padding: 13px 22px; border: 2px solid #0b5fd7 !important; border-radius: 7px; background: linear-gradient(135deg, #1267e8 0%, #079edc 100%) !important; color: #fff !important; font-family: inherit !important; font-size: 15px; font-weight: 900 !important; line-height: 1.25; letter-spacing: .1px; text-align: center; text-shadow: 0 1px 1px rgba(0, 48, 112, .38); box-shadow: 0 8px 18px rgba(20, 101, 232, .30) !important; }
.dpt-wrap.dpt-support-portal .dpt-button:hover, .dpt-wrap.dpt-support-portal .dpt-button:focus, .dpt-wrap:not(.dpt-support-portal) .dpt-button:hover, .dpt-wrap:not(.dpt-support-portal) .dpt-button:focus { border-color: #084fae !important; background: linear-gradient(135deg, #0e58c9 0%, #078bc1 100%) !important; color: #fff !important; filter: none; box-shadow: 0 11px 24px rgba(20, 101, 232, .40) !important; transform: translateY(-1px); }
.dpt-wrap.dpt-support-portal .dpt-button:focus-visible, .dpt-wrap:not(.dpt-support-portal) .dpt-button:focus-visible { outline: 3px solid rgba(20, 101, 232, .26); outline-offset: 3px; }
.dpt-wrap.dpt-support-portal .dpt-button.dpt-button-secondary, .dpt-wrap:not(.dpt-support-portal) .dpt-button.dpt-button-secondary { border-color: #0b55b8 !important; background: linear-gradient(135deg, #175fbe 0%, #0b74c9 100%) !important; color: #fff !important; text-shadow: 0 1px 1px rgba(0, 40, 92, .38); box-shadow: 0 7px 16px rgba(11, 85, 184, .24) !important; }
.dpt-wrap.dpt-support-portal .dpt-button.dpt-button-secondary:hover, .dpt-wrap.dpt-support-portal .dpt-button.dpt-button-secondary:focus, .dpt-wrap:not(.dpt-support-portal) .dpt-button.dpt-button-secondary:hover, .dpt-wrap:not(.dpt-support-portal) .dpt-button.dpt-button-secondary:focus { border-color: #084591 !important; background: linear-gradient(135deg, #104fa2 0%, #0963ad 100%) !important; color: #fff !important; box-shadow: 0 10px 22px rgba(11, 85, 184, .34) !important; }

/* Clear border hierarchy across the support portal and legacy support shortcodes. */
.dpt-wrap.dpt-support-portal .dpt-portal-shell { border: 2px solid var(--dpt-border-strong) !important; box-shadow: 0 18px 55px rgba(24, 49, 82, .13), 0 0 0 1px rgba(150, 171, 196, .12); }
.dpt-wrap.dpt-support-portal .dpt-portal-header { border-bottom: 1px solid var(--dpt-border) !important; }
.dpt-wrap.dpt-support-portal .dpt-portal-nav { border: 1px solid var(--dpt-border) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7); }
.dpt-wrap .dpt-card, .dpt-wrap .dpt-auth-card, .dpt-wrap .dpt-account-panel, .dpt-wrap .dpt-form-section, .dpt-wrap .dpt-tech, .dpt-wrap .dpt-success-panel, .dpt-wrap .dpt-submit-row.dpt-ticket-actions { border-color: var(--dpt-border) !important; box-shadow: 0 8px 24px rgba(31, 48, 74, .075); }
.dpt-wrap .dpt-ticket-list, .dpt-wrap .dpt-ticket-detail, .dpt-wrap .dpt-warranty-card { border: 2px solid var(--dpt-border-strong) !important; box-shadow: 0 8px 24px rgba(31, 48, 74, .07); }
.dpt-wrap .dpt-form input:not([type="checkbox"]):not([type="radio"]), .dpt-wrap .dpt-form select, .dpt-wrap .dpt-form textarea { border: 2px solid var(--dpt-border) !important; box-shadow: inset 0 1px 2px rgba(20, 43, 72, .045) !important; }
.dpt-wrap .dpt-form input:not([type="checkbox"]):not([type="radio"]):hover, .dpt-wrap .dpt-form select:hover, .dpt-wrap .dpt-form textarea:hover { border-color: var(--dpt-border-strong) !important; }
.dpt-wrap .dpt-form input:not([type="checkbox"]):not([type="radio"]):focus, .dpt-wrap .dpt-form select:focus, .dpt-wrap .dpt-form textarea:focus { border-color: #1465e8 !important; box-shadow: 0 0 0 4px rgba(20, 101, 232, .14) !important; }
.dpt-wrap .dpt-department-select select { border-color: #3d83ea !important; box-shadow: 0 7px 18px rgba(20, 101, 232, .14) !important; }
.dpt-wrap .dpt-message-field > .dpt-editor-label { border: 2px solid var(--dpt-border) !important; border-bottom: 0 !important; }
.dpt-wrap .dpt-dropzone { border: 2px dashed var(--dpt-border-strong) !important; }
.dpt-wrap .dpt-dropzone:hover, .dpt-wrap .dpt-dropzone.is-dragging { border-color: #1465e8 !important; }
.dpt-wrap .dpt-consent, .dpt-wrap .dpt-security-note, .dpt-wrap .dpt-department-note, .dpt-wrap .dpt-ticket-sla-badge, .dpt-wrap .dpt-file-item, .dpt-wrap .dpt-attachment-grid a, .dpt-wrap .dpt-department-summary div { border-color: var(--dpt-border) !important; }
.dpt-wrap .dpt-message { border-color: var(--dpt-border) !important; box-shadow: 0 3px 10px rgba(31, 48, 74, .045); }
.dpt-wrap .dpt-message-staff { border-color: #d3b783 !important; }
.dpt-wrap .dpt-alert, .dpt-wrap .dpt-success-panel { border-width: 2px !important; border-style: solid !important; }
.dpt-wrap .dpt-ticket-metadata, .dpt-wrap .dpt-thread, .dpt-wrap .dpt-reply-form, .dpt-wrap .dpt-department-summary, .dpt-wrap .dpt-warranty-head, .dpt-wrap .dpt-ticket-result, .dpt-wrap .dpt-ticket-result dl, .dpt-wrap .dpt-attachment-block, .dpt-wrap .dpt-portal-footer { border-color: var(--dpt-border) !important; }
.dpt-wrap .dpt-ticket-row, .dpt-wrap .dpt-ticket-metadata > div, .dpt-wrap .dpt-warranty-card dt, .dpt-wrap .dpt-warranty-card dd, .dpt-wrap .dpt-ticket-result dt, .dpt-wrap .dpt-ticket-result dd { border-color: var(--dpt-line) !important; }
.dpt-wrap.dpt-support-portal .dpt-portal-header { min-height: 216px; align-items: center; justify-content: center; padding: 22px 32px; }
.dpt-wrap.dpt-support-portal .dpt-brand-block { display: grid; width: min(100%, 980px); max-width: 100%; grid-template-columns: minmax(0, 1fr) 168px; align-items: center; gap: 34px; }
.dpt-wrap.dpt-support-portal .dpt-brand-mark { order: 2; width: 168px; height: 168px; margin: 0; flex: 0 0 168px; justify-self: end; overflow: hidden; border-radius: 22px; font-size: 42px; }
.dpt-wrap.dpt-support-portal .dpt-brand-mark.has-logo { padding: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.dpt-wrap.dpt-support-portal .dpt-brand-mark.has-logo img { display: block; width: 100%; height: 100%; border: 0; border-radius: 0; background: transparent; object-fit: contain; box-shadow: none; }
.dpt-wrap.dpt-support-portal .dpt-brand-content { display: flex; width: 100%; min-width: 0; order: 1; flex-direction: column; align-items: center; text-align: center; }
.dpt-wrap.dpt-support-portal .dpt-brand-content > .dpt-kicker, .dpt-wrap.dpt-support-portal .dpt-brand-content > h2 { align-self: stretch; text-align: center; }
.dpt-wrap.dpt-support-portal .dpt-brand-content > .dpt-kicker { color: #CC4000; font-family: inherit !important; font-size: 12px; font-weight: 900 !important; line-height: 1.3; letter-spacing: 1.2px; text-transform: uppercase !important; }
.dpt-wrap.dpt-support-portal .dpt-brand-block h2 { color: #172033; font-family: inherit !important; font-size: 21px; font-weight: 900 !important; line-height: 1.3; letter-spacing: .2px; text-transform: uppercase !important; }
.dpt-wrap.dpt-support-portal .dpt-brand-content .dpt-portal-nav { margin-top: 12px; }

@media (min-width: 701px) {
    .dpt-wrap.dpt-support-portal .dpt-portal-nav { width: auto; min-width: 0; max-width: 100%; flex: 0 0 auto; gap: 4px; padding: 4px; }
    .dpt-wrap.dpt-support-portal .dpt-portal-nav a { min-height: 42px; flex: 0 0 auto; gap: 7px; padding: 9px 12px; }
    .dpt-wrap.dpt-support-portal .dpt-portal-nav a span { white-space: nowrap; }
}

@media (min-width: 1101px) {
    .dpt-wrap.dpt-support-portal .dpt-portal-header { gap: 18px; }
    .dpt-wrap.dpt-support-portal .dpt-brand-block { min-width: 0; }
    .dpt-wrap.dpt-support-portal .dpt-brand-content { min-width: 0; }
    .dpt-wrap.dpt-support-portal .dpt-brand-block h2 { white-space: nowrap; }
}
.dpt-portal-footer { padding: 18px 32px; background: #fff; }

@media (max-width: 900px) {
    .dpt-wrap.dpt-support-portal .dpt-portal-header { min-height: auto; padding: 20px; }
    .dpt-wrap.dpt-support-portal .dpt-brand-block { width: 100%; max-width: 700px; grid-template-columns: 1fr; gap: 14px; }
    .dpt-wrap.dpt-support-portal .dpt-brand-mark { width: 128px; height: 128px; order: 1; flex-basis: 128px; justify-self: center; border-radius: 18px; }
    .dpt-wrap.dpt-support-portal .dpt-brand-content { order: 2; }
}

@media (max-width: 700px) {
    .dpt-wrap.dpt-support-portal { margin: 12px auto; }
    .dpt-support-portal, .dpt-portal-shell { border-radius: 8px; }
    .dpt-portal-header { padding: 18px; }
    .dpt-wrap.dpt-support-portal .dpt-brand-block { width: 100%; align-items: center; flex-direction: column; gap: 9px; }
    .dpt-wrap.dpt-support-portal .dpt-brand-mark { width: 112px; height: 112px; margin-top: 0; flex-basis: 112px; }
    .dpt-wrap.dpt-support-portal .dpt-brand-content { width: 100%; align-items: center; text-align: center; }
    .dpt-wrap.dpt-support-portal .dpt-brand-content .dpt-portal-nav { width: 100%; margin-top: 10px; }
    .dpt-portal-main { padding: 26px 15px 34px; }
    .dpt-ticket-hero { height: 140px; min-height: 140px; margin: -26px -15px 30px; padding: 10px 20px; }
    .dpt-ticket-hero h1 { font-size: 29px; }
    .dpt-ticket-hero > p { font-size: 12px; }
    .dpt-ticket-section-heading { align-items: flex-start; flex-direction: column; gap: 9px; }
    .dpt-ticket-sla-badge { white-space: normal; }
    .dpt-portal-form > .dpt-form-section, .dpt-portal-form > .dpt-tech { padding: 17px; border-radius: 7px; }
    .dpt-field-full { grid-column: auto; }
    .dpt-message-field textarea { min-height: 230px; }
    .dpt-submit-row.dpt-ticket-actions { align-items: stretch; padding: 17px; }
    .dpt-ticket-actions > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .dpt-ticket-actions .dpt-button { width: 100%; }
    .dpt-account-panel { padding: 20px; flex-direction: column; }
    .dpt-member-apps { padding: 20px; }
    .dpt-member-app-grid { grid-template-columns: 1fr; }
    .dpt-member-app-card { min-height: 104px; }
    .dpt-inline-form { flex-direction: column; }
    .dpt-inline-form .dpt-button { width: 100%; }
    .dpt-solution-suggestions { padding: 11px; }
}

@media (max-width: 420px) {
    .dpt-wrap.dpt-support-portal .dpt-brand-mark { width: 88px; height: 88px; flex-basis: 88px; border-radius: 14px; }
    .dpt-wrap.dpt-support-portal .dpt-brand-content > .dpt-kicker { font-size: 10px; }
    .dpt-wrap.dpt-support-portal .dpt-brand-block h2 { font-size: 17px; }
    .dpt-brand-block h2 { font-size: 16px; }
    .dpt-kicker { font-size: 9px; }
    .dpt-portal-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .dpt-ticket-breadcrumbs { gap: 6px; font-size: 11px; }
    .dpt-ticket-actions > div { grid-template-columns: 1fr; }
    .dpt-login-actions { align-items: stretch; flex-direction: column; gap: 11px; }
    .dpt-wrap .dpt-login-actions .dpt-login-button { width: 100%; }
    .dpt-login-actions .dpt-forgot-link { align-self: flex-end; margin-right: 3px; }
}

/* Dedicated account page: bright two-column login and registration layout. */
.dpt-wrap.dpt-account-standalone { width: 100%; max-width: 1230px; margin: 0 auto; color: #172033; }
.dpt-wrap.dpt-account-standalone .dpt-portal-shell { overflow: visible; border: 0 !important; border-radius: 0; background: transparent; box-shadow: none !important; }
.dpt-wrap.dpt-account-standalone .dpt-portal-main { padding: 24px 0 44px; background: transparent; }
.dpt-wrap.dpt-account-standalone .dpt-page-heading { display: block; max-width: 760px; margin: 0 auto 26px; text-align: center; }
.dpt-wrap.dpt-account-standalone .dpt-page-heading h1 { margin: 0 0 10px; color: #172033; font-size: clamp(28px, 3vw, 38px); line-height: 1.16; }
.dpt-wrap.dpt-account-standalone .dpt-page-heading p { max-width: none; color: #536274; font-size: 16px; line-height: 1.65; }
.dpt-wrap.dpt-account-standalone .dpt-page-heading > a { display: none; }
.dpt-wrap.dpt-account-standalone .dpt-support-auth { grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); align-items: start; gap: 22px; }
.dpt-wrap.dpt-account-standalone .dpt-support-auth .dpt-auth-card { height: auto; min-width: 0; padding: 28px; border: 1px solid #dfe6ef !important; border-radius: 12px; background: #fff; box-shadow: 0 10px 30px rgba(24, 73, 143, .07); }
.dpt-wrap.dpt-account-standalone .dpt-support-auth .dpt-auth-card-muted { background: #f6f9fd; }
.dpt-wrap.dpt-account-standalone .dpt-auth-card h3 { margin: 10px 0 7px; color: #172033; font-size: 24px; line-height: 1.25; }
.dpt-wrap.dpt-account-standalone .dpt-auth-card > p { color: #536274; font-size: 15px; line-height: 1.6; }
.dpt-wrap.dpt-account-standalone .dpt-form label { color: #223047; font-size: 15px; font-weight: 700; line-height: 1.45; }
.dpt-wrap.dpt-account-standalone .dpt-form input:not([type="checkbox"]):not([type="radio"]) { min-height: 52px; padding: 12px 14px; border: 1px solid #d9e1eb !important; border-radius: 9px; background: #fff; color: #172033; font-family: inherit; font-size: 16px; }
.dpt-wrap.dpt-account-standalone .dpt-form small { color: #66758a; font-size: 12px; line-height: 1.5; }
.dpt-wrap.dpt-account-standalone .dpt-account-registration-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 15px; }
.dpt-wrap.dpt-account-standalone .dpt-account-registration-form > label { min-width: 0; }
.dpt-wrap.dpt-account-standalone .dpt-account-registration-form .dpt-field-full,
.dpt-wrap.dpt-account-standalone .dpt-account-registration-form > .cf-turnstile { grid-column: 1 / -1; }
.dpt-wrap.dpt-account-standalone .dpt-auth-check { min-height: 44px; color: #45556d; font-size: 14px; font-weight: 500; line-height: 1.6; }
.dpt-wrap.dpt-account-standalone .dpt-auth-check a { color: #18498f; font-weight: 800; }
.dpt-wrap.dpt-account-standalone .dpt-login-actions { align-items: center; }
.dpt-wrap.dpt-account-standalone .dpt-login-button { min-width: 180px; }
.dpt-wrap.dpt-account-standalone .dpt-resend-card { max-width: 760px; margin: 22px auto 0; border-color: #dfe6ef !important; background: #fff; }

@media (max-width: 782px) {
    .dpt-wrap.dpt-account-standalone .dpt-portal-main { padding: 18px 0 32px; }
    .dpt-wrap.dpt-account-standalone .dpt-support-auth { grid-template-columns: 1fr; gap: 14px; }
    .dpt-wrap.dpt-account-standalone .dpt-support-auth .dpt-auth-card { padding: 22px 18px; }
    .dpt-wrap.dpt-account-standalone .dpt-account-registration-form { grid-template-columns: 1fr; }
    .dpt-wrap.dpt-account-standalone .dpt-account-registration-form .dpt-field-full,
    .dpt-wrap.dpt-account-standalone .dpt-account-registration-form > .cf-turnstile { grid-column: auto; }
    .dpt-wrap.dpt-account-standalone .dpt-login-actions { align-items: stretch; flex-direction: column; }
    .dpt-wrap.dpt-account-standalone .dpt-login-button { width: 100%; }
}

/* --------------------------------------------------------------------------
 * 5.8.1 — Tài khoản thành viên gọn, cân đối
 * Chỉ áp dụng cho shortcode [decorpaint_account] ở chế độ trang độc lập.
 * Không thay đổi biểu mẫu mở Ticket, Ticket của tôi hoặc bảo hành.
 * ----------------------------------------------------------------------- */
.dpt-wrap.dpt-account-standalone .dpt-portal-main {
    padding: 14px 0 28px;
}

.dpt-wrap.dpt-account-standalone .dpt-page-heading {
    margin-bottom: 16px;
}

.dpt-wrap.dpt-account-standalone .dpt-page-heading h1 {
    margin-bottom: 5px;
    font-size: clamp(27px, 2.65vw, 34px);
    line-height: 1.12;
}

.dpt-wrap.dpt-account-standalone .dpt-page-heading p {
    font-size: 15px;
    line-height: 1.42;
}

.dpt-wrap.dpt-account-standalone .dpt-account-panel {
    gap: 14px;
    padding: 16px 20px;
    border-radius: 10px;
}

.dpt-wrap.dpt-account-standalone .dpt-account-panel > .dpt-auth-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 10px;
}

.dpt-wrap.dpt-account-standalone .dpt-account-panel > .dpt-auth-icon .dpt-icon {
    width: 22px;
    height: 22px;
}

.dpt-wrap.dpt-account-standalone .dpt-account-panel > div {
    display: grid;
    min-width: 0;
    flex: 1 1 auto;
    grid-template-columns: minmax(190px, .72fr) minmax(0, 1.28fr);
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 20px;
    row-gap: 2px;
}

.dpt-wrap.dpt-account-standalone .dpt-account-panel h3 {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.25;
}

.dpt-wrap.dpt-account-standalone .dpt-account-panel p {
    grid-column: 1;
    grid-row: 2;
    font-size: 14px;
    line-height: 1.35;
}

.dpt-wrap.dpt-account-standalone .dpt-account-panel .dpt-action-row {
    grid-column: 2;
    grid-row: 1 / span 2;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 0;
}

.dpt-wrap.dpt-account-standalone .dpt-account-panel .dpt-button {
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13.5px;
    line-height: 1.15;
}

.dpt-wrap.dpt-account-standalone .dpt-member-apps {
    margin-top: 14px;
    padding: 18px 20px;
    border-radius: 12px;
}

.dpt-wrap.dpt-account-standalone .dpt-member-apps-heading {
    margin-bottom: 12px;
}

.dpt-wrap.dpt-account-standalone .dpt-member-apps-heading .dpt-eyebrow {
    line-height: 1.25;
}

.dpt-wrap.dpt-account-standalone .dpt-member-apps-heading h2 {
    margin: 3px 0 4px;
    font-size: 23px;
    line-height: 1.18;
}

.dpt-wrap.dpt-account-standalone .dpt-member-apps-heading p {
    font-size: 14px;
    line-height: 1.42;
}

.dpt-wrap.dpt-account-standalone .dpt-member-app-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.dpt-wrap.dpt-account-standalone .dpt-member-app-card {
    min-height: 86px;
    padding: 12px 14px;
    grid-column: span 2;
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    gap: 10px;
    border-radius: 10px;
}

/* Cân hàng cuối: hai thẻ chia đều, một thẻ chiếm toàn hàng. */
.dpt-wrap.dpt-account-standalone .dpt-member-app-card:nth-last-child(2):nth-child(3n + 1),
.dpt-wrap.dpt-account-standalone .dpt-member-app-card:last-child:nth-child(3n + 2) {
    grid-column: span 3;
}

.dpt-wrap.dpt-account-standalone .dpt-member-app-card:last-child:nth-child(3n + 1) {
    grid-column: 1 / -1;
}

.dpt-wrap.dpt-account-standalone .dpt-member-app-icon {
    width: 38px;
    height: 38px;
    border-radius: 9px;
}

.dpt-wrap.dpt-account-standalone .dpt-member-app-icon .dpt-icon {
    width: 21px;
    height: 21px;
}

.dpt-wrap.dpt-account-standalone .dpt-member-app-card strong {
    font-size: 14.5px;
    line-height: 1.23;
}

.dpt-wrap.dpt-account-standalone .dpt-member-app-card small {
    margin-top: 3px;
    font-size: 11.5px;
    line-height: 1.34;
}

.dpt-wrap.dpt-account-standalone .dpt-member-app-card > .dpt-icon {
    width: 17px;
    height: 17px;
}

.dpt-wrap.dpt-account-standalone .dpt-profile-card {
    margin-top: 14px;
    padding: 18px 22px;
    border-radius: 10px;
}

.dpt-wrap.dpt-account-standalone .dpt-profile-card h3 {
    margin: 0 0 3px;
    font-size: 22px;
    line-height: 1.22;
}

.dpt-wrap.dpt-account-standalone .dpt-profile-card > p {
    margin: 0;
    font-size: 14px;
    line-height: 1.42;
}

.dpt-wrap.dpt-account-standalone .dpt-profile-card .dpt-form {
    margin-top: 12px;
}

.dpt-wrap.dpt-account-standalone .dpt-profile-card .dpt-grid {
    gap: 0 16px;
}

.dpt-wrap.dpt-account-standalone .dpt-profile-card .dpt-grid > label {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.3;
}

.dpt-wrap.dpt-account-standalone .dpt-profile-card .dpt-grid > label:last-child {
    margin-bottom: 0;
}

.dpt-wrap.dpt-account-standalone .dpt-profile-card .dpt-form input:not([type="checkbox"]):not([type="radio"]) {
    height: 40px;
    min-height: 40px;
    margin-top: 5px;
    padding: 7px 11px;
    border-radius: 7px;
    font-size: 15px;
    line-height: 1.2;
}

.dpt-wrap.dpt-account-standalone .dpt-profile-card .dpt-profile-save-button {
    min-height: 40px !important;
    margin-top: 12px;
    padding: 8px 18px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
}

@media (max-width: 1100px) {
    .dpt-wrap.dpt-account-standalone .dpt-account-panel > div {
        display: block;
    }

    .dpt-wrap.dpt-account-standalone .dpt-account-panel .dpt-action-row {
        justify-content: flex-start;
        margin-top: 10px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-member-app-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dpt-wrap.dpt-account-standalone .dpt-member-app-card,
    .dpt-wrap.dpt-account-standalone .dpt-member-app-card:nth-last-child(2):nth-child(3n + 1),
    .dpt-wrap.dpt-account-standalone .dpt-member-app-card:last-child:nth-child(3n + 2),
    .dpt-wrap.dpt-account-standalone .dpt-member-app-card:last-child:nth-child(3n + 1) {
        grid-column: auto;
    }
}

@media (max-width: 782px) {
    .dpt-wrap.dpt-account-standalone .dpt-portal-main {
        padding: 10px 0 20px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-page-heading {
        margin-bottom: 12px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-page-heading h1 {
        margin-bottom: 4px;
        font-size: 28px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-page-heading p {
        font-size: 14px;
        line-height: 1.4;
    }

    .dpt-wrap.dpt-account-standalone .dpt-account-panel {
        padding: 16px;
        gap: 10px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-account-panel .dpt-action-row {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-account-panel .dpt-button {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        padding: 8px 10px;
        white-space: normal;
    }

    .dpt-wrap.dpt-account-standalone .dpt-member-apps {
        margin-top: 12px;
        padding: 14px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-member-apps-heading {
        margin-bottom: 10px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-member-apps-heading h2 {
        font-size: 21px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-member-app-card {
        min-height: 78px;
        padding: 11px 12px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-profile-card {
        margin-top: 12px;
        padding: 16px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-profile-card h3 {
        font-size: 20px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-profile-card .dpt-form {
        margin-top: 10px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-profile-card .dpt-grid > label {
        margin-bottom: 8px !important;
    }

    .dpt-wrap.dpt-account-standalone .dpt-profile-card .dpt-grid > label:last-child {
        margin-bottom: 0 !important;
    }

    .dpt-wrap.dpt-account-standalone .dpt-profile-card .dpt-form input:not([type="checkbox"]):not([type="radio"]) {
        height: 42px;
        min-height: 42px;
        margin-top: 4px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-profile-card .dpt-profile-save-button {
        width: 100%;
        min-height: 42px !important;
        margin-top: 10px;
    }
}


@media (max-width: 700px) {
    .dpt-wrap.dpt-account-standalone .dpt-account-panel {
        flex-direction: row;
        align-items: flex-start;
    }

    .dpt-wrap.dpt-account-standalone .dpt-member-app-grid {
        grid-template-columns: 1fr;
    }

    .dpt-wrap.dpt-account-standalone .dpt-member-app-card,
    .dpt-wrap.dpt-account-standalone .dpt-member-app-card:nth-last-child(2):nth-child(3n + 1),
    .dpt-wrap.dpt-account-standalone .dpt-member-app-card:last-child:nth-child(3n + 2),
    .dpt-wrap.dpt-account-standalone .dpt-member-app-card:last-child:nth-child(3n + 1) {
        grid-column: auto;
    }
}

@media (max-width: 420px) {
    .dpt-wrap.dpt-account-standalone .dpt-account-panel {
        flex-direction: row;
        align-items: flex-start;
    }

    .dpt-wrap.dpt-account-standalone .dpt-account-panel > .dpt-auth-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-account-panel .dpt-action-row {
        grid-template-columns: 1fr 1fr;
    }

    .dpt-wrap.dpt-account-standalone .dpt-account-panel .dpt-button {
        font-size: 12.5px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-member-app-card {
        grid-template-columns: 36px minmax(0, 1fr) 16px;
        gap: 9px;
    }

    .dpt-wrap.dpt-account-standalone .dpt-member-app-icon {
        width: 36px;
        height: 36px;
    }
}

/* --------------------------------------------------------------------------
 * 5.8.2 — Thu gọn toàn bộ ô nhập liệu trong hệ thống Ticket
 * Áp dụng cho biểu mẫu mở Phiếu, đăng nhập/đăng ký, tra cứu, bảo hành,
 * phản hồi và đánh giá. Không thay đổi dữ liệu, tên trường hoặc xử lý PHP.
 * ----------------------------------------------------------------------- */
.dpt-wrap {
    --dpt-control-height: 40px;
    --dpt-control-height-mobile: 42px;
}

.dpt-wrap .dpt-form label {
    margin-bottom: 10px;
    line-height: 1.3;
}

.dpt-wrap .dpt-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
.dpt-wrap .dpt-form select {
    width: 100%;
    height: var(--dpt-control-height) !important;
    min-height: var(--dpt-control-height) !important;
    margin-top: 4px !important;
    padding: 7px 11px !important;
    border-radius: 6px !important;
    font-size: 14px;
    line-height: 1.2;
}

.dpt-wrap .dpt-form select {
    padding-right: 34px !important;
    background-position: calc(100% - 16px) 16px, calc(100% - 11px) 16px !important;
}

.dpt-wrap .dpt-form textarea {
    width: 100%;
    height: 96px !important;
    min-height: 96px !important;
    margin-top: 4px !important;
    padding: 8px 11px !important;
    border-radius: 6px !important;
    font-size: 14px;
    line-height: 1.45;
    resize: vertical;
}

.dpt-wrap .dpt-form input[type="file"] {
    min-height: 0 !important;
    margin-top: 4px !important;
    padding: 6px 8px !important;
    border-radius: 6px !important;
    font-size: 13px;
    line-height: 1.25;
}

.dpt-wrap .dpt-form small {
    margin-top: 3px;
    line-height: 1.35;
}

.dpt-wrap .dpt-grid {
    gap: 0 14px;
}

.dpt-wrap .dpt-inline-inputs {
    gap: 6px;
}

.dpt-wrap .dpt-form-section,
.dpt-wrap .dpt-tech,
.dpt-wrap .dpt-portal-form > .dpt-form-section,
.dpt-wrap .dpt-portal-form > .dpt-tech {
    margin-bottom: 14px;
    padding: 16px 18px;
}

.dpt-wrap .dpt-form-section legend {
    font-size: 15px;
    line-height: 1.3;
}

.dpt-wrap .dpt-department-fields-intro {
    margin-bottom: 10px;
    line-height: 1.4;
}

.dpt-wrap .dpt-department-note {
    margin: 0 0 12px;
    padding: 8px 10px;
}

.dpt-wrap .dpt-department-select select {
    height: 52px !important;
    min-height: 52px !important;
    padding: 8px 36px 8px 52px !important;
    background-position: calc(100% - 17px) 22px, calc(100% - 12px) 22px !important;
    font-size: 14px !important;
}

.dpt-wrap .dpt-department-select .dpt-department-select-icon {
    bottom: 11px;
    left: 12px;
    width: 30px;
    height: 30px;
}

.dpt-wrap .dpt-department-select .dpt-department-select-icon .dpt-icon {
    width: 17px;
    height: 17px;
}

.dpt-wrap .dpt-ticket-detail-card > label {
    margin-bottom: 12px;
}

.dpt-wrap .dpt-message-field > .dpt-editor-label {
    min-height: 32px;
    margin-top: 4px;
    padding: 6px 11px;
}

.dpt-wrap .dpt-message-field textarea {
    height: 210px !important;
    min-height: 210px !important;
    margin-top: 0 !important;
    border-radius: 0 0 5px 5px !important;
    line-height: 1.5;
}

.dpt-wrap .dpt-reply-form textarea {
    height: 104px !important;
    min-height: 104px !important;
}

.dpt-wrap .dpt-field-counter {
    right: 8px;
    bottom: 7px;
}

.dpt-wrap .dpt-dropzone.dpt-ticket-dropzone {
    min-height: 52px;
    gap: 9px;
    padding: 9px 12px;
}

.dpt-wrap .dpt-ticket-dropzone > .dpt-icon {
    width: 18px;
    height: 18px;
}

.dpt-wrap .dpt-ticket-dropzone b {
    font-size: 12.5px;
}

.dpt-wrap .dpt-attachment-block {
    padding-top: 12px;
}

.dpt-wrap .dpt-attachment-help {
    margin-top: 5px;
    line-height: 1.35;
}

.dpt-wrap .dpt-consent {
    margin-bottom: 14px !important;
    padding: 10px 12px;
    line-height: 1.4;
}

.dpt-wrap .dpt-auth-card .dpt-form,
.dpt-wrap .dpt-profile-card .dpt-form {
    margin-top: 12px;
}

.dpt-wrap .dpt-inline-form {
    margin-top: 10px;
}

.dpt-wrap.dpt-account-standalone .dpt-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
.dpt-wrap.dpt-account-standalone .dpt-form select {
    height: var(--dpt-control-height) !important;
    min-height: var(--dpt-control-height) !important;
    margin-top: 4px !important;
    padding: 7px 11px !important;
    border-radius: 7px !important;
    font-size: 15px;
}

.dpt-wrap.dpt-account-standalone .dpt-account-registration-form {
    gap: 10px 14px;
}

.dpt-wrap.dpt-account-standalone .dpt-auth-check {
    min-height: 0;
    margin-bottom: 10px;
    line-height: 1.45;
}

@media (max-width: 782px) {
    .dpt-wrap .dpt-form label {
        margin-bottom: 8px;
    }

    .dpt-wrap .dpt-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
    .dpt-wrap .dpt-form select,
    .dpt-wrap.dpt-account-standalone .dpt-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
    .dpt-wrap.dpt-account-standalone .dpt-form select {
        height: var(--dpt-control-height-mobile) !important;
        min-height: var(--dpt-control-height-mobile) !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .dpt-wrap .dpt-form select,
    .dpt-wrap.dpt-account-standalone .dpt-form select {
        background-position: calc(100% - 16px) 17px, calc(100% - 11px) 17px !important;
    }

    .dpt-wrap .dpt-form textarea {
        height: 100px !important;
        min-height: 100px !important;
    }

    .dpt-wrap .dpt-form-section,
    .dpt-wrap .dpt-tech,
    .dpt-wrap .dpt-portal-form > .dpt-form-section,
    .dpt-wrap .dpt-portal-form > .dpt-tech {
        margin-bottom: 12px;
        padding: 14px;
    }

    .dpt-wrap .dpt-department-select select {
        height: 50px !important;
        min-height: 50px !important;
        padding-left: 50px !important;
        background-position: calc(100% - 17px) 21px, calc(100% - 12px) 21px !important;
    }

    .dpt-wrap .dpt-department-select .dpt-department-select-icon {
        bottom: 10px;
        width: 30px;
        height: 30px;
    }

    .dpt-wrap .dpt-message-field textarea {
        height: 180px !important;
        min-height: 180px !important;
    }

    .dpt-wrap .dpt-reply-form textarea {
        height: 110px !important;
        min-height: 110px !important;
    }

    .dpt-wrap .dpt-dropzone.dpt-ticket-dropzone {
        min-height: 50px;
        padding: 9px 10px;
    }
}

/* --------------------------------------------------------------------------
 * 5.8.3 — Đồng bộ màu xanh giao diện DECOR PAINT
 * Thay toàn bộ nút thao tác Ticket và các nền xanh nổi bật bằng màu xanh
 * thương hiệu đang dùng trên thanh điều hướng website (#15417e).
 * ----------------------------------------------------------------------- */
.dpt-wrap {
    --dpt-ui-blue: #15417e;
    --dpt-ui-blue-hover: #123766;
    --dpt-ui-blue-pressed: #0f2f59;
    --dpt-ui-blue-soft: #edf3fb;
    --dpt-ui-blue-ring: rgba(21, 65, 126, .24);
    --dpt-ui-blue-shadow: rgba(21, 65, 126, .24);
}

.dpt-wrap.dpt-support-portal {
    --dpt-ticket-blue: var(--dpt-ui-blue);
    --dpt-ticket-cyan: var(--dpt-ui-blue);
}

/* Nền tiêu đề Mở Phiếu hỗ trợ: bỏ xanh điện/cyan, dùng xanh giao diện. */
.dpt-wrap.dpt-support-portal .dpt-ticket-hero {
    background: var(--dpt-ui-blue) !important;
}

/* Tab điều hướng trong Cổng hỗ trợ. */
.dpt-wrap.dpt-support-portal .dpt-portal-nav a:hover,
.dpt-wrap.dpt-support-portal .dpt-portal-nav a:focus,
.dpt-wrap.dpt-support-portal .dpt-portal-nav a.is-active {
    background: var(--dpt-ui-blue) !important;
    color: #fff !important;
}

.dpt-wrap.dpt-support-portal .dpt-portal-nav a:focus-visible {
    outline: 3px solid var(--dpt-ui-blue-ring);
    outline-offset: 2px;
}

/* Tất cả nút thao tác phía khách hàng, kể cả nút phụ/Hủy/Đăng xuất. */
.dpt-wrap.dpt-support-portal .dpt-button,
.dpt-wrap:not(.dpt-support-portal) .dpt-button,
.dpt-wrap.dpt-support-portal .dpt-button.dpt-button-secondary,
.dpt-wrap:not(.dpt-support-portal) .dpt-button.dpt-button-secondary,
.dpt-wrap.dpt-support-portal .dpt-button.dpt-emphasis-button,
.dpt-wrap:not(.dpt-support-portal) .dpt-button.dpt-emphasis-button,
.dpt-wrap.dpt-support-portal button.dpt-button,
.dpt-wrap:not(.dpt-support-portal) button.dpt-button,
.dpt-wrap.dpt-support-portal input[type="submit"].dpt-button,
.dpt-wrap:not(.dpt-support-portal) input[type="submit"].dpt-button {
    border-color: var(--dpt-ui-blue) !important;
    background: var(--dpt-ui-blue) !important;
    background-image: none !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: 0 7px 16px var(--dpt-ui-blue-shadow) !important;
}

.dpt-wrap.dpt-support-portal .dpt-button:hover,
.dpt-wrap.dpt-support-portal .dpt-button:focus,
.dpt-wrap:not(.dpt-support-portal) .dpt-button:hover,
.dpt-wrap:not(.dpt-support-portal) .dpt-button:focus,
.dpt-wrap.dpt-support-portal .dpt-button.dpt-button-secondary:hover,
.dpt-wrap.dpt-support-portal .dpt-button.dpt-button-secondary:focus,
.dpt-wrap:not(.dpt-support-portal) .dpt-button.dpt-button-secondary:hover,
.dpt-wrap:not(.dpt-support-portal) .dpt-button.dpt-button-secondary:focus,
.dpt-wrap.dpt-support-portal .dpt-button.dpt-emphasis-button:hover,
.dpt-wrap.dpt-support-portal .dpt-button.dpt-emphasis-button:focus,
.dpt-wrap:not(.dpt-support-portal) .dpt-button.dpt-emphasis-button:hover,
.dpt-wrap:not(.dpt-support-portal) .dpt-button.dpt-emphasis-button:focus {
    border-color: var(--dpt-ui-blue-hover) !important;
    background: var(--dpt-ui-blue-hover) !important;
    background-image: none !important;
    color: #fff !important;
    filter: none !important;
    box-shadow: 0 10px 22px rgba(21, 65, 126, .32) !important;
}

.dpt-wrap.dpt-support-portal .dpt-button:active,
.dpt-wrap:not(.dpt-support-portal) .dpt-button:active {
    border-color: var(--dpt-ui-blue-pressed) !important;
    background: var(--dpt-ui-blue-pressed) !important;
    transform: translateY(0);
}

.dpt-wrap.dpt-support-portal .dpt-button:focus-visible,
.dpt-wrap:not(.dpt-support-portal) .dpt-button:focus-visible {
    outline: 3px solid var(--dpt-ui-blue-ring) !important;
    outline-offset: 3px;
}

.dpt-wrap .dpt-button[disabled],
.dpt-wrap .dpt-button.is-disabled,
.dpt-wrap .dpt-button[aria-disabled="true"] {
    border-color: #879bb6 !important;
    background: #879bb6 !important;
    color: #fff !important;
    box-shadow: none !important;
    cursor: not-allowed;
    opacity: .78;
}

/* Nút gửi trong hàng thao tác và nút đăng nhập từng có gradient riêng. */
.dpt-wrap .dpt-ticket-actions button.dpt-button,
.dpt-wrap .dpt-login-actions .dpt-login-button,
.dpt-wrap .dpt-profile-save-button,
.dpt-wrap .dpt-support-home-button,
.dpt-wrap .dpt-reply-submit {
    border-color: var(--dpt-ui-blue) !important;
    background: var(--dpt-ui-blue) !important;
    background-image: none !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: 0 7px 16px var(--dpt-ui-blue-shadow) !important;
}

.dpt-wrap .dpt-ticket-actions button.dpt-button:hover,
.dpt-wrap .dpt-login-actions .dpt-login-button:hover,
.dpt-wrap .dpt-profile-save-button:hover,
.dpt-wrap .dpt-support-home-button:hover,
.dpt-wrap .dpt-reply-submit:hover {
    border-color: var(--dpt-ui-blue-hover) !important;
    background: var(--dpt-ui-blue-hover) !important;
    background-image: none !important;
}

/* Bộ lọc trạng thái Ticket cũng dùng cùng màu xanh khi được chọn. */
.dpt-wrap .dpt-ticket-filters a {
    color: var(--dpt-ui-blue) !important;
}

.dpt-wrap .dpt-ticket-filters a:hover,
.dpt-wrap .dpt-ticket-filters a:focus,
.dpt-wrap .dpt-ticket-filters a.is-active {
    background: var(--dpt-ui-blue) !important;
    color: #fff !important;
}

/* Đồng bộ các điểm nhấn xanh liên quan trực tiếp tới thao tác biểu mẫu. */
.dpt-wrap .dpt-department-select .dpt-department-select-icon {
    background: var(--dpt-ui-blue) !important;
    background-image: none !important;
    box-shadow: 0 5px 12px var(--dpt-ui-blue-shadow) !important;
}

.dpt-wrap .dpt-department-select select {
    border-color: var(--dpt-ui-blue) !important;
    background-color: var(--dpt-ui-blue-soft) !important;
    box-shadow: 0 5px 14px rgba(21, 65, 126, .12) !important;
}

.dpt-wrap .dpt-department-select:hover select,
.dpt-wrap .dpt-department-select:focus-within select {
    border-color: var(--dpt-ui-blue-hover) !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 4px var(--dpt-ui-blue-ring), 0 9px 20px rgba(21, 65, 126, .18) !important;
}

.dpt-wrap .dpt-form input:not([type="checkbox"]):not([type="radio"]):focus,
.dpt-wrap .dpt-form select:focus,
.dpt-wrap .dpt-form textarea:focus {
    border-color: var(--dpt-ui-blue) !important;
    box-shadow: 0 0 0 4px var(--dpt-ui-blue-ring) !important;
}

.dpt-wrap .dpt-dropzone:hover,
.dpt-wrap .dpt-dropzone.is-dragging {
    border-color: var(--dpt-ui-blue) !important;
    background: var(--dpt-ui-blue-soft) !important;
}

.dpt-wrap .dpt-consent a,
.dpt-wrap .dpt-auth-check a,
.dpt-wrap .dpt-forgot-link {
    color: var(--dpt-ui-blue) !important;
}

/* --------------------------------------------------------------------------
 * 5.8.4 — KHÓA MÀU XANH VÀ THU GỌN DẢI TIÊU ĐỀ
 *
 * Mục tiêu:
 * 1) Mọi nút thao tác trong Ticket dùng cùng nền xanh của giao diện.
 * 2) Ghi đè dứt điểm lớp Compact UI cũ từng ép nút chính thành màu cam.
 * 3) Thu gọn dải tiêu đề xanh của các trang tra cứu độc lập và hero trong
 *    Cổng hỗ trợ, đồng thời giảm khoảng trắng phía trên nội dung.
 * ----------------------------------------------------------------------- */

html body.dpt-ui-page {
    --dpt-interface-blue-start: #0b55b8;
    --dpt-interface-blue-end: #0d70c7;
    --dpt-interface-blue-hover-start: #094a9f;
    --dpt-interface-blue-hover-end: #0b61ad;
    --dpt-interface-blue-active: #083f8a;
    --dpt-interface-blue-border: #0751aa;
    --dpt-interface-blue-ring: rgba(13, 112, 199, .28);
    --dpt-interface-blue-shadow: rgba(11, 85, 184, .24);
    --dpt-interface-navy: #15417e;
}

/* Dải tiêu đề xanh do theme tạo trên trang Tra cứu Ticket/Bảo hành độc lập. */
html body.dpt-ui-page .decor-page-banner {
    min-height: 0 !important;
    padding: 30px 0 32px !important;
    background: var(--dpt-interface-navy) !important;
}

html body.dpt-ui-page .decor-page-banner .decor-container {
    min-height: 0 !important;
}

html body.dpt-ui-page .decor-page-banner .decor-eyebrow {
    margin: 0 0 10px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
}

html body.dpt-ui-page .decor-page-banner h1 {
    margin: 0 !important;
    font-size: clamp(32px, 3.3vw, 42px) !important;
    line-height: 1.08 !important;
}

/* Đưa khung tra cứu lên gần dải tiêu đề, bỏ khoảng trắng 70px mặc định. */
html body.dpt-ui-page .decor-entry {
    padding-top: 28px !important;
    padding-bottom: 52px !important;
}

html body.dpt-ui-page .decor-entry > .dpt-wrap,
html body.dpt-ui-page .dpt-wrap:not(.dpt-support-portal) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Hero xanh bên trong Cổng hỗ trợ. */
html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-ticket-hero {
    display: flex !important;
    min-height: 72px !important;
    height: auto !important;
    flex-direction: column !important;
    justify-content: center !important;
    margin: -24px -28px 16px !important;
    padding: 10px 28px 11px !important;
    background: var(--dpt-interface-navy) !important;
    background-image: none !important;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-ticket-hero h1 {
    margin: 0 0 2px !important;
    font-size: clamp(25px, 2.8vw, 30px) !important;
    line-height: 1.08 !important;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-ticket-hero > p,
html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-ticket-breadcrumbs {
    margin: 2px 0 0 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}

/*
 * Khóa toàn bộ nút Ticket về cùng gradient xanh. Selector cố ý có độ ưu tiên
 * cao hơn plugin Compact UI 1.0.0 nên vẫn thắng dù CSS cũ được nạp sau.
 */
html body.dpt-ui-page .dpt-wrap.dpt-support-portal .dpt-button,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal button.dpt-button,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal a.dpt-button,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal input[type="submit"].dpt-button,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal .dpt-button.dpt-button-secondary,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal .dpt-button.dpt-emphasis-button,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal .dpt-ticket-actions button.dpt-button,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal .dpt-login-button,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal .dpt-profile-save-button,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal .dpt-support-home-button,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal .dpt-reply-submit,
html body.dpt-ui-page .dpt-wrap:not(.dpt-support-portal) .dpt-button,
html body.dpt-ui-page .dpt-wrap:not(.dpt-support-portal) button.dpt-button,
html body.dpt-ui-page .dpt-wrap:not(.dpt-support-portal) a.dpt-button,
html body.dpt-ui-page .dpt-wrap:not(.dpt-support-portal) input[type="submit"].dpt-button {
    border: 1px solid var(--dpt-interface-blue-border) !important;
    background-color: var(--dpt-interface-blue-start) !important;
    background-image: linear-gradient(135deg, var(--dpt-interface-blue-start) 0%, var(--dpt-interface-blue-end) 100%) !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: 0 7px 16px var(--dpt-interface-blue-shadow) !important;
    filter: none !important;
}

html body.dpt-ui-page .dpt-wrap.dpt-support-portal .dpt-button:hover,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal .dpt-button:focus,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal button.dpt-button:hover,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal button.dpt-button:focus,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal a.dpt-button:hover,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal a.dpt-button:focus,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal .dpt-button.dpt-button-secondary:hover,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal .dpt-button.dpt-button-secondary:focus,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal .dpt-button.dpt-emphasis-button:hover,
html body.dpt-ui-page .dpt-wrap.dpt-support-portal .dpt-button.dpt-emphasis-button:focus,
html body.dpt-ui-page .dpt-wrap:not(.dpt-support-portal) .dpt-button:hover,
html body.dpt-ui-page .dpt-wrap:not(.dpt-support-portal) .dpt-button:focus {
    border-color: var(--dpt-interface-blue-hover-start) !important;
    background-color: var(--dpt-interface-blue-hover-start) !important;
    background-image: linear-gradient(135deg, var(--dpt-interface-blue-hover-start) 0%, var(--dpt-interface-blue-hover-end) 100%) !important;
    color: #fff !important;
    box-shadow: 0 9px 20px rgba(11, 85, 184, .31) !important;
    filter: none !important;
}

html body.dpt-ui-page .dpt-wrap .dpt-button:active {
    border-color: var(--dpt-interface-blue-active) !important;
    background: var(--dpt-interface-blue-active) !important;
    background-image: none !important;
    color: #fff !important;
    transform: translateY(0) !important;
}

html body.dpt-ui-page .dpt-wrap .dpt-button:focus-visible {
    outline: 3px solid var(--dpt-interface-blue-ring) !important;
    outline-offset: 2px !important;
}

/* Mọi mục trong thanh điều hướng Cổng hỗ trợ cũng dùng cùng nền xanh. */
html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-portal-nav a {
    border-color: var(--dpt-interface-blue-border) !important;
    background-color: var(--dpt-interface-blue-start) !important;
    background-image: linear-gradient(135deg, var(--dpt-interface-blue-start) 0%, var(--dpt-interface-blue-end) 100%) !important;
    color: #fff !important;
    text-shadow: none !important;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-portal-nav a:hover,
html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-portal-nav a:focus,
html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-portal-nav a.is-active {
    border-color: var(--dpt-interface-blue-hover-start) !important;
    background-color: var(--dpt-interface-blue-hover-start) !important;
    background-image: linear-gradient(135deg, var(--dpt-interface-blue-hover-start) 0%, var(--dpt-interface-blue-hover-end) 100%) !important;
    color: #fff !important;
}

/* Nút disabled vẫn giữ ngôn ngữ màu xanh nhưng thể hiện rõ không thể bấm. */
html body.dpt-ui-page .dpt-wrap .dpt-button[disabled],
html body.dpt-ui-page .dpt-wrap .dpt-button.is-disabled,
html body.dpt-ui-page .dpt-wrap .dpt-button[aria-disabled="true"] {
    border-color: #8ca6c8 !important;
    background: #8ca6c8 !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    opacity: .78 !important;
}

/* 5.9.3 — Hai CTA đăng ký/gửi lại xác thực dùng cùng nhịp 52px. */
.dpt-wrap.dpt-account-standalone .dpt-account-register-button,
.dpt-wrap.dpt-account-standalone .dpt-resend-verification-button {
    box-sizing: border-box !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 20px !important;
    line-height: 1.2 !important;
}

@media (max-width: 782px) {
    .dpt-wrap.dpt-account-standalone .dpt-resend-verification-button {
        width: 100% !important;
        font-size: 12px !important;
        white-space: nowrap;
    }
}

@media (max-width: 782px) {
    html body.dpt-ui-page .decor-page-banner {
        padding: 22px 0 24px !important;
    }

    html body.dpt-ui-page .decor-page-banner .decor-eyebrow {
        margin-bottom: 7px !important;
    }

    html body.dpt-ui-page .decor-page-banner h1 {
        font-size: clamp(28px, 8vw, 34px) !important;
    }

    html body.dpt-ui-page .decor-entry {
        padding-top: 20px !important;
        padding-bottom: 38px !important;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-ticket-hero {
        min-height: 64px !important;
        margin: -18px -16px 13px !important;
        padding: 9px 16px 10px !important;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-ticket-hero h1 {
        font-size: 24px !important;
    }
}

/* Nút sao chép mã Ticket là một thao tác bấm, đồng bộ màu xanh nhưng giữ dáng gọn. */
html body.dpt-ui-page .dpt-wrap .dpt-copy-code {
    border: 1px solid var(--dpt-interface-blue-border) !important;
    background: var(--dpt-interface-blue-start) !important;
    color: #fff !important;
    text-shadow: none !important;
}

html body.dpt-ui-page .dpt-wrap .dpt-copy-code:hover,
html body.dpt-ui-page .dpt-wrap .dpt-copy-code:focus {
    border-color: var(--dpt-interface-blue-hover-start) !important;
    background: var(--dpt-interface-blue-hover-start) !important;
    color: #fff !important;
}

/* Keep rating controls compact but comfortably tappable after all legacy
   portal overrides have loaded. */
html body.dpt-ui-page .dpt-wrap.dpt-rating-page .dpt-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
html body.dpt-ui-page .dpt-wrap.dpt-rating-page .dpt-form select {
    height: 46px !important;
    min-height: 46px !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
}
html body.dpt-ui-page .dpt-wrap.dpt-rating-page .dpt-form textarea {
    height: 104px !important;
    min-height: 104px !important;
    padding: 11px 12px !important;
    border-radius: 8px !important;
}

/* --------------------------------------------------------------------------
 * 5.9.6 — Đồng bộ khổ trang sản phẩm và thu gọn toàn bộ Cổng hỗ trợ
 * Chỉ kích hoạt trên body.dpt-ui-page để không thay đổi trang/theme/plugin khác.
 * ----------------------------------------------------------------------- */
html body.dpt-ui-page {
    --dpt-content-width: 1200px;
}

/* Các shortcode độc lập trước đây nằm trong sdd-narrow-shell 970px. */
html body.dpt-ui-page .sdd-shell.sdd-narrow-shell {
    width: min(calc(100% - 32px), var(--dpt-content-width)) !important;
    max-width: var(--dpt-content-width) !important;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal {
    width: min(calc(100% - 32px), var(--dpt-content-width)) !important;
    max-width: var(--dpt-content-width) !important;
    margin: 18px auto !important;
    font-size: 14px;
    line-height: 1.5;
}

html body.dpt-ui-page .sdd-narrow-shell .dpt-wrap[data-dpt-version].dpt-account-standalone {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-portal-shell {
    border-radius: 11px;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-portal-header {
    min-height: 128px !important;
    padding: 14px 24px !important;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-brand-block {
    width: min(100%, 1060px) !important;
    grid-template-columns: minmax(0, 1fr) 88px !important;
    gap: 20px !important;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-brand-mark {
    width: 88px !important;
    height: 88px !important;
    flex-basis: 88px !important;
    border-radius: 16px !important;
    font-size: 30px !important;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-brand-content .dpt-portal-nav {
    margin-top: 8px !important;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-portal-nav a {
    min-height: 40px;
    padding: 8px 11px;
    font-size: 12.5px;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-portal-main {
    min-height: 0 !important;
    padding: 24px 28px 28px !important;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-portal-footer {
    padding: 11px 28px !important;
    font-size: 12px;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-page-heading {
    gap: 18px;
    margin-bottom: 17px;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-page-heading h1 {
    margin: 3px 0 5px;
    font-size: clamp(27px, 2.5vw, 31px);
    line-height: 1.15;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-page-heading p,
html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-auth-card > p,
html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-ticket-section-heading p {
    color: #536274;
    font-size: 14px;
    line-height: 1.5;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-form-section,
html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-tech,
html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-form-section,
html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-tech {
    margin-bottom: 12px;
    padding: 15px 16px;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-ticket-section-heading {
    margin-bottom: 10px;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-ticket-section-heading h3 {
    color: #172033;
    font-size: 19px;
    font-weight: 800;
}

/* 5.9.7: isolate the department icon inside its own control box. */
html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-department-select select {
    height: 46px !important;
    min-height: 46px !important;
    margin-top: 0 !important;
    padding-left: 52px !important;
    background-position: calc(100% - 17px) 19px, calc(100% - 12px) 19px !important;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-department-control {
    position: relative;
    display: block;
    margin-top: 6px;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-department-select .dpt-department-select-icon {
    top: 50%;
    bottom: auto;
    left: 10px;
    width: 28px;
    height: 28px;
    transform: translateY(-50%);
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-department-select:hover .dpt-department-select-icon,
html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-department-select:focus-within .dpt-department-select-icon {
    transform: translateY(-50%) scale(1.04);
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-message-field textarea {
    height: 160px !important;
    min-height: 160px !important;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-dropzone.dpt-ticket-dropzone {
    min-height: 48px;
    padding: 8px 11px;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-consent {
    margin-bottom: 11px !important;
    padding: 8px 10px;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-submit-row.dpt-ticket-actions {
    padding: 15px 16px;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-ticket-actions .dpt-button,
html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-button {
    min-height: 44px;
    padding: 10px 17px;
    font-size: 14px;
}

html body.dpt-ui-page.dpt-ui-view-tickets .dpt-ticket-stats {
    gap: 9px;
    margin-bottom: 12px;
}

html body.dpt-ui-page.dpt-ui-view-tickets .dpt-ticket-stats div {
    padding: 10px 14px;
}

html body.dpt-ui-page.dpt-ui-view-tickets .dpt-ticket-stats b {
    font-size: 21px;
}

html body.dpt-ui-page.dpt-ui-view-tickets .dpt-ticket-toolbar {
    margin-bottom: 10px;
}

html body.dpt-ui-page.dpt-ui-view-tickets .dpt-empty-state {
    padding: 14px 18px;
}

html body.dpt-ui-page.dpt-ui-view-tickets .dpt-empty-state > .dpt-icon {
    width: 31px;
    height: 31px;
}

html body.dpt-ui-page.dpt-ui-view-warranty .dpt-two-column {
    align-items: start;
    gap: 14px;
}

html body.dpt-ui-page.dpt-ui-view-warranty .dpt-auth-card {
    height: auto;
    padding: 20px;
}

html body.dpt-ui-page.dpt-ui-view-warranty .dpt-auth-card h3 {
    margin-top: 8px;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-account-standalone .dpt-portal-main {
    padding: 10px 0 24px !important;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-account-standalone .dpt-page-heading {
    max-width: 900px;
    margin-bottom: 13px;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-account-standalone .dpt-account-panel {
    padding: 14px 18px;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-account-standalone .dpt-member-apps {
    margin-top: 11px;
    padding: 15px 18px;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-account-standalone .dpt-member-app-card {
    min-height: 78px;
    padding: 10px 12px;
}

html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-account-standalone .dpt-profile-card {
    margin-top: 11px;
    padding: 15px 18px;
}

@media (max-width: 782px) {
    html body.dpt-ui-page .sdd-shell.sdd-narrow-shell,
    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal {
        width: min(calc(100% - 20px), var(--dpt-content-width)) !important;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal {
        margin: 10px auto !important;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-portal-header {
        min-height: 0 !important;
        padding: 10px 12px !important;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-brand-block {
        width: 100% !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-brand-mark {
        display: inline-flex !important;
        width: 72px !important;
        height: 72px !important;
        order: 1 !important;
        flex-basis: 72px !important;
        justify-self: center !important;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-brand-content {
        width: 100%;
        order: 2;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-brand-content > .dpt-kicker {
        display: none;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-brand-block h2 {
        margin: 0;
        font-size: 16px;
        line-height: 1.2;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-brand-content .dpt-portal-nav {
        margin-top: 5px !important;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-portal-nav a {
        min-height: 40px;
        padding: 7px 3px;
        font-size: 10.5px;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-support-portal .dpt-portal-main {
        padding: 17px 13px 20px !important;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-page-heading {
        gap: 10px;
        margin-bottom: 13px;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-page-heading h1 {
        font-size: 24px;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-form-section,
    html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-tech,
    html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-form-section,
    html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-tech {
        margin-bottom: 10px;
        padding: 12px;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-message-field textarea {
        height: 140px !important;
        min-height: 140px !important;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version] .dpt-submit-row.dpt-ticket-actions {
        padding: 12px;
    }

    html body.dpt-ui-page.dpt-ui-view-tickets .dpt-ticket-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    html body.dpt-ui-page.dpt-ui-view-tickets .dpt-ticket-stats div {
        min-width: 0;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 1px;
        padding: 8px 4px;
        text-align: center;
    }

    html body.dpt-ui-page.dpt-ui-view-tickets .dpt-ticket-stats span {
        font-size: 10.5px;
        line-height: 1.25;
    }

    html body.dpt-ui-page.dpt-ui-view-tickets .dpt-empty-state {
        padding: 15px 12px;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-account-standalone .dpt-portal-main {
        padding: 8px 0 18px !important;
    }

    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-account-standalone .dpt-member-apps,
    html body.dpt-ui-page .dpt-wrap[data-dpt-version].dpt-account-standalone .dpt-profile-card {
        padding: 13px;
    }
}