/* DSE client/support-center uniform skin. */

:root {
    --dse-navy: #0f172a;
    --dse-navy-2: #111c31;
    --dse-panel: rgba(30, 41, 59, .56);
    --dse-panel-strong: rgba(15, 23, 42, .92);
    --dse-border: #26344b;
    --dse-border-soft: #334155;
    --dse-blue: #2563eb;
    --dse-blue-light: #60a5fa;
    --dse-text: #d1d5db;
    --dse-soft: #dbeafe;
    --dse-page: #f8fafc;
    --dse-page-soft: #eef2f7;
    --dse-ink: #0f172a;
    --dse-shadow: 0 14px 40px rgba(15, 23, 42, .16);
    --dse-radius-lg: 18px;
    --dse-radius-xl: 26px;
}

.dse-client-command-bar {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 12px !important;
    width: min(100%, 1180px) !important;
    margin: 0 auto !important;
    padding: 0 20px 18px !important;
}

.dse-client-command-bar a {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 70px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(96, 165, 250, .24) !important;
    border-radius: var(--dse-radius-lg) !important;
    background: rgba(15, 23, 42, .72) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .14) !important;
    transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease !important;
}

.dse-client-command-bar a:hover,
.dse-client-command-bar a:focus {
    transform: translateY(-1px) !important;
    border-color: rgba(147, 197, 253, .70) !important;
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, .26), transparent 38%),
        rgba(15, 23, 42, .86) !important;
    box-shadow: 0 14px 30px rgba(37, 99, 235, .20) !important;
    outline: none !important;
}

.dse-client-command-bar a strong {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.dse-client-command-bar a span {
    margin-top: 5px !important;
    color: #cbd5e1 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

html,
body {
    background:
        radial-gradient(circle at 8% 0%, rgba(37, 99, 235, .08), transparent 32%),
        linear-gradient(180deg, var(--dse-page) 0%, var(--dse-page-soft) 100%) !important;
    color: var(--dse-ink) !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

#container,
#content,
#landing_page {
    width: 100% !important;
    max-width: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#content {
    padding-bottom: 78px !important;
}

#content *,
#landing_page * {
    box-sizing: border-box !important;
}

#content > div,
#content > section,
#content > form,
#content > table,
#content > h1,
#content > h2,
#content > p,
#landing_page {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.dse-hd-wrap,
.dse-login-wrap,
.dse-open-wrap,
.dse-view-wrap,
.dse-profile-wrap {
    width: min(100%, 1180px) !important;
    margin: 0 auto !important;
    padding: 30px 20px 84px !important;
}

#content > h1:not(.plain),
#content > h2:not(.plain),
.dse-hd-hero,
.dse-login-hero,
.dse-open-hero,
.dse-view-hero,
.dse-profile-hero {
    max-width: 980px !important;
    margin: 0 auto 34px !important;
    padding: 54px 44px !important;
    text-align: center !important;
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, .24), transparent 34%),
        linear-gradient(135deg, var(--dse-navy) 0%, var(--dse-navy-2) 100%) !important;
    border: 1px solid var(--dse-border) !important;
    border-radius: 28px !important;
    box-shadow: var(--dse-shadow) !important;
    color: #ffffff !important;
}

#content > h1,
#content > h2,
.dse-hd-hero h1,
.dse-login-hero h1,
.dse-open-hero h1,
.dse-view-hero h1,
.dse-profile-hero h1 {
    color: #ffffff !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.dse-hd-hero p,
.dse-login-hero p,
.dse-open-hero p,
.dse-view-hero p,
.dse-profile-hero p {
    color: var(--dse-soft) !important;
}

.dse-hd-card,
.dse-hd-search-panel,
.dse-hd-featured,
.dse-hd-cta,
.dse-login-card,
.dse-login-helper,
.dse-login-panel,
.dse-open-form-card,
.dse-open-help-card,
.dse-open-success,
.dse-view-panel,
.dse-view-helper,
.dse-view-card,
.dse-profile-panel,
.dse-profile-helper,
#content .thread-body,
#content .search-form,
#content .featured-category.front-page,
#content .client-login,
#content #clientLogin,
#content .ticket_info,
#content .ticket-thread,
#content .thread-entry,
#content .faq-content,
#content .kb-results,
#content .profile,
#content .form_table,
#content table.form_table,
#content table.list,
#content .tab_content {
    background: linear-gradient(180deg, var(--dse-navy) 0%, var(--dse-navy-2) 100%) !important;
    border: 1px solid var(--dse-border) !important;
    border-radius: 28px !important;
    box-shadow: var(--dse-shadow) !important;
    color: var(--dse-text) !important;
}

#content .thread-body,
#content .search-form,
#content .featured-category.front-page,
#content .client-login,
#content #clientLogin,
#content .ticket_info,
#content .ticket-thread,
#content .thread-entry,
#content .faq-content,
#content .kb-results,
#content .profile,
#content .form_table,
#content table.form_table,
#content table.list,
#content .tab_content {
    max-width: 980px !important;
    margin: 0 auto 28px !important;
    padding: 30px !important;
}

#content table,
#content table.form_table,
#content table.list,
#content table.ticket_info {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
}

#content table th,
#content table td,
#content .form_table th,
#content .form_table td {
    background: rgba(30, 41, 59, .46) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(51, 65, 85, .72) !important;
    color: var(--dse-text) !important;
    padding: 14px 15px !important;
    line-height: 1.5 !important;
}

#content table th,
#content .form_table th,
#content td:first-child {
    color: #e5eef8 !important;
    font-weight: 850 !important;
}

#content a {
    color: #93c5fd !important;
    font-weight: 800 !important;
}

#content input[type="text"],
#content input[type="email"],
#content input[type="tel"],
#content input[type="password"],
#content input[type="file"],
#content select,
#content textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 50px !important;
    border: 1px solid var(--dse-border-soft) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: var(--dse-ink) !important;
    padding: 13px 15px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
}

#content textarea {
    min-height: 170px !important;
    resize: vertical !important;
}

#content input:focus,
#content select:focus,
#content textarea:focus {
    outline: 2px solid rgba(96, 165, 250, .58) !important;
    outline-offset: 2px !important;
}

#content input[type="submit"],
#content button[type="submit"],
#content .button,
#content .green.button,
#content a.button,
.dse-hd-button,
.dse-login-button,
.dse-open-button,
.dse-view-button,
.dse-profile-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    background: var(--dse-blue) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 14px !important;
    padding: 14px 24px !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    box-shadow: 0 10px 28px rgba(37, 99, 235, .32) !important;
    cursor: pointer !important;
}

#content input[type="reset"],
#content .cancel,
#content .cancel.button,
.secondary {
    background: rgba(15, 23, 42, .75) !important;
    color: #ffffff !important;
    border: 1px solid var(--dse-border-soft) !important;
    box-shadow: none !important;
}

#msg_error,
#msg_warning,
#msg_notice,
.error_bar,
.warning_bar,
.notice_bar {
    max-width: 1100px !important;
    margin: 18px auto !important;
    border-radius: 16px !important;
    padding: 15px 18px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    border: 1px solid !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .08) !important;
}

#msg_notice,
.notice_bar {
    background: #dbeafe !important;
    color: #172554 !important;
    border-color: #93c5fd !important;
}

#msg_warning,
.warning_bar {
    background: #fef3c7 !important;
    color: #78350f !important;
    border-color: #f59e0b !important;
}

#msg_error,
.error_bar {
    background: #fee2e2 !important;
    color: #7f1d1d !important;
    border-color: #ef4444 !important;
}

#footer {
    margin: 0 !important;
    padding: 30px 20px !important;
    background: var(--dse-navy) !important;
    border-top: 1px solid var(--dse-border) !important;
    color: #cbd5e1 !important;
    text-align: center !important;
}

@media (max-width: 980px) {
    .dse-hd-grid,
    .dse-login-grid,
    .dse-open-grid,
    .dse-view-grid,
    .dse-profile-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 720px) {
    .dse-hd-wrap,
    .dse-login-wrap,
    .dse-open-wrap,
    .dse-view-wrap,
    .dse-profile-wrap {
        padding: 24px 16px 70px !important;
    }

    #content > h1:not(.plain),
    #content > h2:not(.plain),
    .dse-hd-hero,
    .dse-login-hero,
    .dse-open-hero,
    .dse-view-hero,
    .dse-profile-hero,
    .dse-hd-card,
    .dse-hd-search-panel,
    .dse-hd-featured,
    .dse-hd-cta,
    .dse-login-card,
    .dse-login-helper,
    .dse-login-panel,
    .dse-open-form-card,
    .dse-open-help-card,
    .dse-view-panel,
    .dse-view-helper,
    .dse-profile-panel,
    .dse-profile-helper {
        padding: 28px 22px !important;
        border-radius: 24px !important;
    }
}

/* DSE readability and dropdown polish. Keep this late in the file. */
html,
body,
input,
select,
textarea,
button {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

body,
#content,
#landing_page {
    font-size: 15px !important;
    line-height: 1.58 !important;
}

#content p,
#content li,
#content td,
#content th,
#content .faded,
#content .muted,
#content .hint {
    letter-spacing: 0 !important;
}

#content p,
#content li,
#content .faded,
#content .muted,
#content .hint {
    line-height: 1.62 !important;
}

#content > h1,
#content > h2,
.dse-hd-hero h1,
.dse-login-hero h1,
.dse-open-hero h1,
.dse-view-hero h1,
.dse-profile-hero h1 {
    line-height: 1.16 !important;
}

#content table th,
#content .form_table th {
    font-size: 13px !important;
    line-height: 1.45 !important;
    letter-spacing: .03em !important;
}

#content table td,
#content .form_table td {
    font-size: 14.5px !important;
    line-height: 1.58 !important;
}

#content input[type="text"],
#content input[type="email"],
#content input[type="tel"],
#content input[type="password"],
#content input[type="file"],
#content input[type="number"],
#content input[type="search"],
#content input[type="url"],
#content select,
#content textarea {
    min-height: 46px !important;
    border-color: #b6c2d1 !important;
    border-radius: 10px !important;
    padding: 11px 13px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

#content select {
    appearance: none !important;
    -webkit-appearance: none !important;
    padding-right: 42px !important;
    background-color: #ffffff !important;
    background-image:
        linear-gradient(45deg, transparent 50%, #475569 50%),
        linear-gradient(135deg, #475569 50%, transparent 50%) !important;
    background-position:
        calc(100% - 20px) 50%,
        calc(100% - 14px) 50% !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
    cursor: pointer !important;
}

#content select::-ms-expand {
    display: none !important;
}

#content input:hover,
#content select:hover,
#content textarea:hover {
    border-color: #94a3b8 !important;
}

#content label,
#content .form_table label {
    font-size: 13px !important;
    line-height: 1.35 !important;
    letter-spacing: .01em !important;
}

#content .select2-container {
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

#content .select2-container .select2-selection--single,
#content .select2-container .select2-selection--multiple {
    min-height: 46px !important;
    border: 1px solid #b6c2d1 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

#content .select2-container .select2-selection--single .select2-selection__rendered {
    min-height: 44px !important;
    padding: 10px 40px 10px 13px !important;
    color: var(--dse-ink) !important;
    line-height: 1.5 !important;
}

#content .select2-container .select2-selection--single .select2-selection__arrow {
    top: 10px !important;
    right: 10px !important;
}

#content .select2-container .select2-selection--multiple {
    padding: 5px 8px !important;
}

#content .select2-container .select2-selection--multiple .select2-selection__choice {
    margin: 4px 5px 0 0 !important;
    padding: 5px 8px !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 999px !important;
    background: #eff6ff !important;
    color: #1e3a8a !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

.select2-dropdown,
.select2-container--open .select2-dropdown {
    border: 1px solid #94a3b8 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .20) !important;
    overflow: hidden !important;
    z-index: 100000 !important;
}

.select2-results__option {
    min-height: 38px !important;
    padding: 10px 13px !important;
    color: #0f172a !important;
    font-size: 14.5px !important;
    line-height: 1.35 !important;
}

.select2-results__option--highlighted,
.select2-results__option--highlighted[aria-selected] {
    background: #2563eb !important;
    color: #ffffff !important;
}

.select2-search--dropdown {
    padding: 10px !important;
    background: #f8fafc !important;
}

.select2-search--dropdown .select2-search__field {
    min-height: 40px !important;
    border: 1px solid #b6c2d1 !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    color: #0f172a !important;
    font-size: 14.5px !important;
}

#ticketTable th {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    letter-spacing: .03em !important;
}

#ticketTable td,
#ticketInfo .infoTable th,
#ticketInfo .infoTable td,
#ticketInfo .custom-data th,
#ticketInfo .custom-data td {
    font-size: 14px !important;
    line-height: 1.55 !important;
}

#ticketSearchForm select {
    padding-right: 42px !important;
}

/* Compact client ticket list and ticket detail pages. */
#content .search.well {
    max-width: 1180px !important;
    margin: 24px auto 16px !important;
    padding: 16px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .07) !important;
    color: var(--dse-ink) !important;
}

#ticketSearchForm {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 !important;
}

#ticketSearchForm input[type="text"] {
    width: min(340px, 100%) !important;
    min-height: 40px !important;
    padding: 9px 12px !important;
    border-radius: 10px !important;
}

#ticketSearchForm select {
    width: auto !important;
    min-width: 220px !important;
    min-height: 40px !important;
    padding: 9px 12px !important;
    border-radius: 10px !important;
}

#ticketSearchForm input[type="submit"] {
    min-height: 40px !important;
    padding: 10px 16px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

#ticketSearchForm .pull-right {
    margin-left: auto !important;
    color: #475569 !important;
    font-weight: 700 !important;
}

#content h1:has(.states) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    max-width: 1180px !important;
    margin: 0 auto 14px !important;
    padding: 16px 18px !important;
    text-align: left !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .07) !important;
    color: var(--dse-ink) !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
}

#content h1:has(.states) a,
#content h1:has(.states) .state {
    color: var(--dse-blue) !important;
}

#content h1:has(.states) .states {
    float: none !important;
    margin: 0 !important;
}

#content h1:has(.states) .states small {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    color: #475569 !important;
    font-size: 13px !important;
}

#content h1:has(.states) .state {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 8px 11px !important;
    border-radius: 999px !important;
    background: #eef2ff !important;
    border: 1px solid #dbeafe !important;
    text-decoration: none !important;
}

#content h1:has(.states) .state.active {
    background: var(--dse-blue) !important;
    border-color: var(--dse-blue) !important;
    color: #ffffff !important;
}

#ticketTable {
    max-width: 1180px !important;
    margin: 0 auto 14px !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .07) !important;
    color: var(--dse-ink) !important;
}

#ticketTable caption {
    padding: 12px 14px !important;
    background: var(--dse-navy) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    text-align: left !important;
}

#ticketTable th {
    background: #f8fafc !important;
    color: #334155 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

#ticketTable th a {
    color: #334155 !important;
    text-decoration: none !important;
}

#ticketTable td {
    background: #ffffff !important;
    color: #0f172a !important;
    border-bottom: 1px solid #edf2f7 !important;
    padding: 10px 12px !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
}

#ticketTable tr:hover td {
    background: #f8fbff !important;
}

#ticketTable td a,
#ticketTable td .link {
    color: var(--dse-blue) !important;
    font-weight: 800 !important;
}

#ticketTable .truncate {
    max-width: 100% !important;
}

#content > div:has(+ #ticketTable),
#content > div:has(#ticketTable) {
    max-width: 1180px !important;
}

#ticketInfo {
    max-width: 1180px !important;
    margin: 24px auto 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--dse-ink) !important;
}

#ticketInfo > tbody > tr:first-child > td {
    padding: 16px 18px !important;
    background: var(--dse-navy) !important;
    border: 1px solid var(--dse-border) !important;
    border-radius: 18px !important;
    color: #ffffff !important;
}

#ticketInfo h1 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    text-align: left !important;
}

#ticketInfo h1 small {
    color: #cbd5e1 !important;
    font-size: 14px !important;
}

#ticketInfo h1 .pull-right {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-left: auto !important;
}

#ticketInfo .action-button {
    min-height: 38px !important;
    padding: 9px 13px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

#ticketInfo .infoTable,
#ticketInfo .custom-data {
    margin-top: 14px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .06) !important;
    color: var(--dse-ink) !important;
}

#ticketInfo .infoTable .headline,
#ticketInfo .custom-data .headline {
    padding: 10px 12px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    border: 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

#ticketInfo .infoTable th,
#ticketInfo .infoTable td,
#ticketInfo .custom-data th,
#ticketInfo .custom-data td {
    background: #ffffff !important;
    color: #0f172a !important;
    border-bottom: 1px solid #edf2f7 !important;
    padding: 9px 12px !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
}

#ticketInfo .infoTable th,
#ticketInfo .custom-data th {
    width: 130px !important;
    color: #475569 !important;
    font-weight: 850 !important;
}

#ticketThread,
#ticketThread .thread-entry,
#ticketThread .thread-body {
    max-width: 1180px !important;
}

#ticketThread .thread-entry {
    margin: 0 auto 14px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .06) !important;
}

#reply {
    max-width: 1180px !important;
    margin: 18px auto 40px !important;
    padding: 20px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .07) !important;
    color: var(--dse-ink) !important;
}

#reply h2 {
    margin: 0 0 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--dse-ink) !important;
    font-size: 20px !important;
    text-align: left !important;
}

#reply p,
#reply em {
    color: #475569 !important;
}

#reply textarea {
    min-height: 120px !important;
}

@media (max-width: 720px) {
    #ticketSearchForm,
    #ticketSearchForm .pull-right,
    #ticketInfo h1,
    #ticketInfo h1 .pull-right {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }

    #ticketSearchForm input[type="text"],
    #ticketSearchForm select,
    #ticketSearchForm input[type="submit"],
    #ticketInfo .action-button {
        width: 100% !important;
    }

    #ticketTable,
    #ticketInfo .infoTable,
    #ticketInfo .custom-data {
        display: block !important;
        overflow-x: auto !important;
    }
}

/* Full-width layout override: keep a readable gutter, but remove the page clamps. */
:root {
    --dse-page-gutter: clamp(16px, 2.5vw, 44px);
}

#content {
    padding-left: var(--dse-page-gutter) !important;
    padding-right: var(--dse-page-gutter) !important;
}

#landing_page,
#content > div,
#content > section,
#content > form,
#content > table,
#content > h1,
#content > h2,
#content > p,
.dse-hd-wrap,
.dse-login-wrap,
.dse-open-wrap,
.dse-view-wrap,
.dse-profile-wrap,
#content .thread-body,
#content .search-form,
#content .featured-category.front-page,
#content .client-login,
#content #clientLogin,
#content .ticket_info,
#content .ticket-thread,
#content .thread-entry,
#content .faq-content,
#content .kb-results,
#content .profile,
#content .form_table,
#content table.form_table,
#content table.list,
#content .tab_content,
#content .search.well,
#content h1:has(.states),
#content > div:has(+ #ticketTable),
#content > div:has(#ticketTable),
#ticketThread,
#ticketThread .thread-entry,
#ticketThread .thread-body,
#reply {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.dse-hd-wrap,
.dse-login-wrap,
.dse-open-wrap,
.dse-view-wrap,
.dse-profile-wrap,
#landing_page {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#content > h1:not(.plain),
#content > h2:not(.plain),
.dse-hd-hero,
.dse-login-hero,
.dse-open-hero,
.dse-view-hero,
.dse-profile-hero {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    letter-spacing: 0 !important;
}

/* Whole-site menu and dropdown sizing. */
:root {
    --dse-menu-min: 220px;
    --dse-menu-max: min(440px, calc(100vw - 32px));
    --dse-select-width: min(100%, 520px);
}

ul#nav.dse-helpdesk-nav {
    gap: 10px !important;
}

ul#nav.dse-helpdesk-nav > li {
    flex: 1 1 150px !important;
    max-width: 240px !important;
}

ul#nav.dse-helpdesk-nav > li > a {
    width: 100% !important;
    min-height: 46px !important;
    padding: 12px 18px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
}

#content select,
#ticketSearchForm select,
#content .select2-container {
    width: var(--dse-select-width) !important;
    max-width: 520px !important;
}

#content td select,
#content td .select2-container,
#content .form_table select,
#content .form_table .select2-container,
#content .ticket_info select,
#content .ticket_info .select2-container {
    width: var(--dse-select-width) !important;
}

#content .select2-container .select2-selection--single,
#content .select2-container .select2-selection--multiple {
    width: 100% !important;
}

.select2-dropdown,
.select2-container--open .select2-dropdown {
    min-width: var(--dse-menu-min) !important;
    max-width: var(--dse-menu-max) !important;
}

.select2-container--default .select2-results > .select2-results__options,
.select2-results__options {
    max-height: min(52vh, 420px) !important;
}

.select2-results__option {
    padding: 12px 15px !important;
    font-size: 15px !important;
    white-space: normal !important;
}

@media (max-width: 720px) {
    ul#nav.dse-helpdesk-nav > li {
        flex-basis: 100% !important;
        max-width: none !important;
    }

    #content select,
    #ticketSearchForm select,
    #content .select2-container {
        width: 100% !important;
        max-width: none !important;
    }
}

/* DSE client app sizing polish. Keep this last. */
:root {
    --dse-client-gutter: 24px;
    --dse-client-gap: 18px;
    --dse-client-pad: 24px;
}

html,
body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

#container,
#content,
#landing_page {
    min-width: 0 !important;
    max-width: 100% !important;
}

#content {
    width: 100% !important;
}

#content img,
#content video,
#content canvas,
#content iframe {
    max-width: 100% !important;
}

.dse-hd-wrap,
.dse-login-wrap,
.dse-open-wrap,
.dse-view-wrap,
.dse-profile-wrap {
    width: 100% !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 24px var(--dse-client-gutter) 72px !important;
}

#content > div,
#content > section,
#content > form,
#content > table,
#content > h1,
#content > h2,
#content > p,
#landing_page,
#ticketTable,
#ticketInfo,
#ticketThread,
#reply {
    max-width: min(1180px, calc(100% - var(--dse-client-gutter) - var(--dse-client-gutter))) !important;
}

#content > h1:not(.plain),
#content > h2:not(.plain),
.dse-hd-hero,
.dse-login-hero,
.dse-open-hero,
.dse-view-hero,
.dse-profile-hero {
    max-width: min(980px, calc(100% - var(--dse-client-gutter) - var(--dse-client-gutter))) !important;
    margin-bottom: 24px !important;
    padding: 34px var(--dse-client-pad) !important;
    border-radius: 18px !important;
}

#content > h1,
#content > h2,
.dse-hd-hero h1,
.dse-login-hero h1,
.dse-open-hero h1,
.dse-view-hero h1,
.dse-profile-hero h1 {
    font-size: 32px !important;
    line-height: 1.16 !important;
}

.dse-hd-grid,
.dse-login-grid,
.dse-open-grid,
.dse-view-grid,
.dse-profile-grid {
    gap: var(--dse-client-gap) !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) !important;
}

.dse-open-grid {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px) !important;
}

.dse-hd-card,
.dse-hd-search-panel,
.dse-hd-featured,
.dse-hd-cta,
.dse-login-card,
.dse-login-helper,
.dse-login-panel,
.dse-open-form-card,
.dse-open-help-card,
.dse-open-success,
.dse-view-panel,
.dse-view-helper,
.dse-view-card,
.dse-profile-panel,
.dse-profile-helper,
#content .thread-body,
#content .search-form,
#content .featured-category.front-page,
#content .client-login,
#content #clientLogin,
#content .ticket_info,
#content .ticket-thread,
#content .thread-entry,
#content .faq-content,
#content .kb-results,
#content .profile,
#content .form_table,
#content table.form_table,
#content table.list,
#content .tab_content {
    min-width: 0 !important;
    padding: var(--dse-client-pad) !important;
    border-radius: 18px !important;
}

#content .search.well,
#content h1:has(.states),
#ticketTable,
#ticketInfo,
#ticketInfo .infoTable,
#ticketInfo .custom-data,
#ticketThread .thread-entry {
    border-radius: 12px !important;
}

#ticketSearchForm {
    width: 100% !important;
}

#ticketSearchForm input[type="text"],
#ticketSearchForm select {
    width: min(100%, 300px) !important;
    min-width: 0 !important;
}

#content table,
#content table.form_table,
#content table.list,
#content table.ticket_info,
#ticketTable,
#ticketInfo .infoTable,
#ticketInfo .custom-data {
    max-width: 100% !important;
}

#content table.list,
#ticketTable {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

#content table th,
#content table td,
#content .form_table th,
#content .form_table td,
#ticketTable th,
#ticketTable td,
#ticketInfo .infoTable th,
#ticketInfo .infoTable td,
#ticketInfo .custom-data th,
#ticketInfo .custom-data td {
    overflow-wrap: anywhere !important;
    white-space: normal !important;
}

#content input[type="text"],
#content input[type="email"],
#content input[type="tel"],
#content input[type="password"],
#content input[type="file"],
#content input[type="number"],
#content input[type="search"],
#content input[type="url"],
#content select,
#content textarea,
#content input[type="submit"],
#content button[type="submit"],
#content .button,
#content .green.button,
#content a.button,
.dse-hd-button,
.dse-login-button,
.dse-open-button,
.dse-view-button,
.dse-profile-button {
    max-width: 100% !important;
}

@media (max-width: 980px) {
    .dse-hd-grid,
    .dse-login-grid,
    .dse-open-grid,
    .dse-view-grid,
    .dse-profile-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 720px) {
    :root {
        --dse-client-gutter: 14px;
        --dse-client-gap: 14px;
        --dse-client-pad: 18px;
    }

    #content > h1,
    #content > h2,
    .dse-hd-hero h1,
    .dse-login-hero h1,
    .dse-open-hero h1,
    .dse-view-hero h1,
    .dse-profile-hero h1 {
        font-size: 26px !important;
    }

    #content > h1:not(.plain),
    #content > h2:not(.plain),
    .dse-hd-hero,
    .dse-login-hero,
    .dse-open-hero,
    .dse-view-hero,
    .dse-profile-hero {
        padding: 24px var(--dse-client-pad) !important;
    }

    #ticketSearchForm,
    #ticketInfo h1,
    #ticketInfo h1 .pull-right,
    #content h1:has(.states) {
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: stretch !important;
    }

    #ticketSearchForm input[type="text"],
    #ticketSearchForm select,
    #ticketSearchForm input[type="submit"],
    #content input[type="submit"],
    #content button[type="submit"],
    #content .button,
    #content .green.button,
    #content a.button,
    .dse-hd-button,
    .dse-login-button,
    .dse-open-button,
    .dse-view-button,
    .dse-profile-button {
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    :root {
        --dse-client-gutter: 10px;
        --dse-client-pad: 16px;
    }
}

.dse-helpdesk-shell,
.dse-helpdesk-shell *,
ul#nav.dse-helpdesk-nav,
ul#nav.dse-helpdesk-nav * {
    box-sizing: border-box !important;
}

.dse-helpdesk-account,
.dse-helpdesk-account p,
ul#nav.dse-helpdesk-nav,
ul#nav.dse-helpdesk-nav > li,
ul#nav.dse-helpdesk-nav > li > a {
    min-width: 0 !important;
    max-width: 100% !important;
}

.dse-helpdesk-account p {
    width: auto !important;
}

ul#nav.dse-helpdesk-nav > li > a {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 720px) {
    ul#nav.dse-helpdesk-nav {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    ul#nav.dse-helpdesk-nav > li,
    ul#nav.dse-helpdesk-nav > li > a {
        width: 100% !important;
    }
}

/* Project-wide final polish. Keep this as the last block in the shared skin. */
:root {
    --dse-client-gutter: clamp(18px, 2.3vw, 36px);
    --dse-client-pad: clamp(18px, 2vw, 28px);
    --dse-client-gap: 18px;
    --dse-radius-control: 10px;
    --dse-radius-card: 12px;
    --dse-radius-panel: 16px;
    --dse-shadow-clean: 0 12px 30px rgba(15, 23, 42, .12);
    --dse-shadow-subtle: 0 8px 20px rgba(15, 23, 42, .08);
}

body {
    background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%) !important;
}

body .dse-helpdesk-top {
    box-shadow: 0 10px 26px rgba(15, 23, 42, .18) !important;
}

body .dse-helpdesk-shell,
body ul#nav.dse-helpdesk-nav {
    max-width: 1180px !important;
    padding-left: var(--dse-client-gutter) !important;
    padding-right: var(--dse-client-gutter) !important;
}

body .dse-helpdesk-shell {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

body #header.dse-helpdesk-header {
    gap: 18px !important;
}

body #header.dse-helpdesk-header #logo img {
    max-width: 176px !important;
    max-height: 52px !important;
}

body .dse-helpdesk-brand-text strong {
    font-size: 17px !important;
    letter-spacing: 0 !important;
}

body .dse-helpdesk-brand-text span,
body .dse-helpdesk-account,
body .dse-helpdesk-account p {
    font-size: 13px !important;
}

body ul#nav.dse-helpdesk-nav {
    gap: 8px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body ul#nav.dse-helpdesk-nav > li {
    flex: 0 1 auto !important;
    max-width: none !important;
}

body ul#nav.dse-helpdesk-nav > li > a {
    min-height: 40px !important;
    padding: 10px 14px !important;
    border-radius: var(--dse-radius-control) !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

body .dse-client-command-bar {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    max-width: 1180px !important;
    gap: 10px !important;
    padding: 0 var(--dse-client-gutter) 14px !important;
}

body .dse-client-command-bar a {
    min-height: 58px !important;
    padding: 12px 14px !important;
    border-radius: var(--dse-radius-card) !important;
    box-shadow: none !important;
}

body #content {
    padding: 24px var(--dse-client-gutter) 64px !important;
}

body #landing_page.dse-hd-wrap,
body #content .dse-login-wrap,
body #content .dse-view-wrap,
body #content .dse-open-ticket,
body #content .dse-client-tickets,
body #content .dse-profile-wrap,
body #content .dse-kb-shell {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 0 56px !important;
}

body #landing_page.dse-hd-wrap .dse-hd-hero,
body #content .dse-login-wrap .dse-login-hero,
body #content .dse-view-wrap .dse-view-hero,
body #content .dse-open-ticket .dse-open-hero,
body #content .dse-client-tickets .dse-ticket-hero,
body #content .dse-profile-wrap .dse-profile-hero,
body #content .dse-kb-shell .dse-kb-hero {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 20px !important;
    padding: clamp(28px, 3.4vw, 40px) var(--dse-client-pad) !important;
    border-radius: var(--dse-radius-panel) !important;
    box-shadow: var(--dse-shadow-clean) !important;
}

body #landing_page.dse-hd-wrap .dse-hd-hero h1,
body #content .dse-login-wrap .dse-login-hero h1,
body #content .dse-view-wrap .dse-view-hero h1,
body #content .dse-open-ticket .dse-open-hero h1,
body #content .dse-client-tickets .dse-ticket-hero h1,
body #content .dse-profile-wrap .dse-profile-hero h1,
body #content .dse-kb-shell .dse-kb-hero h1 {
    margin-bottom: 12px !important;
    font-size: 40px !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
}

body #landing_page.dse-hd-wrap .dse-hd-hero p,
body #content .dse-login-wrap .dse-login-hero p,
body #content .dse-view-wrap .dse-view-hero p,
body #content .dse-open-ticket .dse-open-hero p,
body #content .dse-client-tickets .dse-ticket-hero p,
body #content .dse-profile-wrap .dse-profile-hero p,
body #content .dse-kb-shell .dse-kb-hero > p {
    max-width: 760px !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

body #landing_page.dse-hd-wrap .dse-hd-card,
body #landing_page.dse-hd-wrap .dse-hd-search-panel,
body #landing_page.dse-hd-wrap .dse-hd-featured,
body #landing_page.dse-hd-wrap .dse-hd-kb-callout,
body #landing_page.dse-hd-wrap .dse-hd-cta,
body #content .dse-login-wrap .dse-login-panel,
body #content .dse-login-wrap .dse-login-helper,
body #content .dse-view-wrap .dse-view-panel,
body #content .dse-view-wrap .dse-view-helper,
body #content .dse-open-ticket .dse-open-form-card,
body #content .dse-open-ticket .dse-open-help-card,
body #content .dse-open-ticket .dse-open-success-card,
body #content .dse-client-tickets .dse-ticket-toolbar,
body #content .dse-client-tickets .dse-ticket-panel,
body #content .dse-profile-wrap .dse-profile-panel,
body #content .dse-profile-wrap .dse-profile-helper,
body #content .dse-kb-shell .dse-kb-panel,
body #content .dse-kb-shell .dse-kb-side-card,
body #content .dse-kb-shell .dse-kb-empty {
    border-radius: var(--dse-radius-panel) !important;
    box-shadow: var(--dse-shadow-clean) !important;
}

body #landing_page.dse-hd-wrap .dse-hd-card,
body #landing_page.dse-hd-wrap .dse-hd-search-panel,
body #landing_page.dse-hd-wrap .dse-hd-featured,
body #landing_page.dse-hd-wrap .dse-hd-kb-callout,
body #landing_page.dse-hd-wrap .dse-hd-cta,
body #content .dse-login-wrap .dse-login-panel,
body #content .dse-login-wrap .dse-login-helper,
body #content .dse-view-wrap .dse-view-panel,
body #content .dse-view-wrap .dse-view-helper,
body #content .dse-open-ticket .dse-open-form-card,
body #content .dse-open-ticket .dse-open-help-card,
body #content .dse-profile-wrap .dse-profile-panel,
body #content .dse-profile-wrap .dse-profile-helper,
body #content .dse-kb-shell .dse-kb-panel,
body #content .dse-kb-shell .dse-kb-side-card {
    padding: var(--dse-client-pad) !important;
}

body #landing_page.dse-hd-wrap .dse-hd-grid,
body #content .dse-login-wrap .dse-login-grid,
body #content .dse-view-wrap .dse-view-grid,
body #content .dse-open-ticket .dse-open-grid,
body #content .dse-profile-wrap .dse-profile-grid,
body #content .dse-kb-shell .dse-kb-layout {
    gap: var(--dse-client-gap) !important;
}

body #content .dse-login-wrap .dse-login-grid,
body #content .dse-view-wrap .dse-view-grid,
body #content .dse-profile-wrap .dse-profile-grid {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px) !important;
}

body #content .dse-open-ticket .dse-open-grid,
body #content .dse-kb-shell .dse-kb-layout {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 310px) !important;
}

body #landing_page.dse-hd-wrap .dse-hd-grid {
    margin-bottom: 20px !important;
}

body #landing_page.dse-hd-wrap .dse-hd-card h2,
body #content .dse-login-wrap .dse-login-panel h2,
body #content .dse-login-wrap .dse-login-helper h2,
body #content .dse-view-wrap .dse-view-panel h2,
body #content .dse-view-wrap .dse-view-helper h2,
body #content .dse-open-ticket .dse-open-form-head h2,
body #content .dse-open-ticket .dse-open-help-card h2,
body #content .dse-client-tickets .dse-ticket-panel h2,
body #content .dse-profile-wrap .dse-profile-panel h2,
body #content .dse-profile-wrap .dse-profile-helper h2,
body #content .dse-kb-shell .dse-kb-panel h2,
body #content .dse-kb-shell .dse-kb-side-card h2 {
    font-size: 26px !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
}

body #landing_page.dse-hd-wrap .dse-hd-card p,
body #landing_page.dse-hd-wrap .dse-hd-kb-copy p,
body #landing_page.dse-hd-wrap .dse-hd-cta p,
body #content .dse-login-wrap .dse-login-panel p,
body #content .dse-login-wrap .dse-login-helper p,
body #content .dse-view-wrap .dse-view-panel p,
body #content .dse-view-wrap .dse-view-helper p,
body #content .dse-open-ticket .dse-open-form-head p,
body #content .dse-open-ticket .dse-open-help-card p,
body #content .dse-profile-wrap .dse-profile-panel p,
body #content .dse-profile-wrap .dse-profile-helper p,
body #content .dse-kb-shell .dse-kb-panel p,
body #content .dse-kb-shell .dse-kb-side-card p {
    font-size: 14.5px !important;
    line-height: 1.62 !important;
}

body #landing_page.dse-hd-wrap .dse-hd-button,
body #content .dse-login-wrap .dse-login-button,
body #content .dse-view-wrap .dse-view-button,
body #content .dse-open-ticket .dse-open-button,
body #content .dse-client-tickets .dse-ticket-button,
body #content .dse-profile-wrap .dse-profile-button,
body #content .dse-kb-shell .dse-kb-button,
body #content input[type="submit"],
body #content button[type="submit"],
body #content .button,
body #content .green.button,
body #content a.button {
    min-height: 44px !important;
    padding: 12px 16px !important;
    border-radius: var(--dse-radius-control) !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

body #content input[type="text"],
body #content input[type="email"],
body #content input[type="tel"],
body #content input[type="password"],
body #content input[type="file"],
body #content input[type="number"],
body #content input[type="search"],
body #content input[type="url"],
body #content select,
body #content textarea,
body #content .select2-container .select2-selection--single,
body #content .select2-container .select2-selection--multiple {
    min-height: 44px !important;
    border-radius: var(--dse-radius-control) !important;
}

body #landing_page.dse-hd-wrap .dse-hd-card-icon,
body #landing_page.dse-hd-wrap .dse-hd-kb-icon,
body #content .dse-kb-shell .dse-kb-article-icon,
body #content .dse-kb-shell .dse-kb-empty-icon {
    border-radius: var(--dse-radius-card) !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
}

body #content .dse-kb-shell .dse-kb-article {
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    padding: 14px !important;
    border-radius: var(--dse-radius-card) !important;
}

body #content .dse-client-tickets .dse-ticket-toolbar {
    margin-bottom: 18px !important;
    background: #ffffff !important;
    border-color: #dbe3ee !important;
    box-shadow: var(--dse-shadow-subtle) !important;
}

body #content .dse-client-tickets .dse-ticket-state,
body #content .dse-client-tickets .dse-ticket-status,
body #landing_page.dse-hd-wrap .article-headline,
body #content .dse-open-ticket .dse-open-help-list li,
body #content .dse-view-wrap .dse-view-list li,
body #content .dse-profile-wrap .dse-profile-list li {
    border-radius: var(--dse-radius-card) !important;
}

body #footer {
    padding: 24px var(--dse-client-gutter) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

@media (max-width: 980px) {
    body #landing_page.dse-hd-wrap .dse-hd-grid,
    body #content .dse-login-wrap .dse-login-grid,
    body #content .dse-view-wrap .dse-view-grid,
    body #content .dse-open-ticket .dse-open-grid,
    body #content .dse-profile-wrap .dse-profile-grid,
    body #content .dse-kb-shell .dse-kb-layout {
        grid-template-columns: 1fr !important;
    }

    body #content .dse-login-wrap aside,
    body #content .dse-view-wrap aside,
    body #content .dse-open-ticket .dse-open-sidebar,
    body #content .dse-profile-wrap aside,
    body #content .dse-kb-shell .dse-kb-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    :root {
        --dse-client-gutter: 14px;
        --dse-client-pad: 18px;
        --dse-client-gap: 14px;
    }

    body #content {
        padding-top: 18px !important;
        padding-bottom: 52px !important;
    }

    body #header.dse-helpdesk-header,
    body .dse-helpdesk-brand,
    body .dse-helpdesk-account {
        align-items: flex-start !important;
        flex-direction: column !important;
        text-align: left !important;
    }

    body ul#nav.dse-helpdesk-nav,
    body .dse-client-command-bar {
        grid-template-columns: 1fr !important;
    }

    body ul#nav.dse-helpdesk-nav > li,
    body ul#nav.dse-helpdesk-nav > li > a,
    body .dse-client-command-bar a {
        width: 100% !important;
        max-width: none !important;
    }

    body #landing_page.dse-hd-wrap .dse-hd-hero,
    body #content .dse-login-wrap .dse-login-hero,
    body #content .dse-view-wrap .dse-view-hero,
    body #content .dse-open-ticket .dse-open-hero,
    body #content .dse-client-tickets .dse-ticket-hero,
    body #content .dse-profile-wrap .dse-profile-hero,
    body #content .dse-kb-shell .dse-kb-hero {
        padding: 24px var(--dse-client-pad) !important;
    }

    body #landing_page.dse-hd-wrap .dse-hd-hero h1,
    body #content .dse-login-wrap .dse-login-hero h1,
    body #content .dse-view-wrap .dse-view-hero h1,
    body #content .dse-open-ticket .dse-open-hero h1,
    body #content .dse-client-tickets .dse-ticket-hero h1,
    body #content .dse-profile-wrap .dse-profile-hero h1,
    body #content .dse-kb-shell .dse-kb-hero h1 {
        font-size: 28px !important;
    }

    body #landing_page.dse-hd-wrap .dse-hd-card h2,
    body #content .dse-login-wrap .dse-login-panel h2,
    body #content .dse-login-wrap .dse-login-helper h2,
    body #content .dse-view-wrap .dse-view-panel h2,
    body #content .dse-view-wrap .dse-view-helper h2,
    body #content .dse-open-ticket .dse-open-form-head h2,
    body #content .dse-open-ticket .dse-open-help-card h2,
    body #content .dse-client-tickets .dse-ticket-panel h2,
    body #content .dse-profile-wrap .dse-profile-panel h2,
    body #content .dse-profile-wrap .dse-profile-helper h2,
    body #content .dse-kb-shell .dse-kb-panel h2,
    body #content .dse-kb-shell .dse-kb-side-card h2 {
        font-size: 22px !important;
    }

    body #content .dse-login-wrap aside,
    body #content .dse-view-wrap aside,
    body #content .dse-open-ticket .dse-open-sidebar,
    body #content .dse-profile-wrap aside,
    body #content .dse-kb-shell .dse-kb-sidebar {
        grid-template-columns: 1fr !important;
    }

    body #content .dse-kb-shell .dse-kb-article {
        grid-template-columns: 38px minmax(0, 1fr) !important;
    }

    body #content .dse-kb-shell .dse-kb-article-meta {
        grid-column: 2 !important;
        white-space: normal !important;
    }
}

/* 2026-06-23: signed-in client quick actions should read as active, clear choices. */
body .dse-client-command-bar {
    align-items: stretch !important;
    padding: 10px !important;
    border: 1px solid rgba(191, 219, 254, .72) !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(37, 99, 235, .12), transparent 32%),
        rgba(255, 255, 255, .92) !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .08) !important;
}

body .dse-client-command-bar a {
    min-height: 58px !important;
    border: 1px solid #d8e5f7 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .05) !important;
}

body .dse-client-command-bar a:hover,
body .dse-client-command-bar a:focus {
    border-color: #93c5fd !important;
    background: #f8fbff !important;
    color: #0f172a !important;
    box-shadow: 0 12px 24px rgba(37, 99, 235, .12) !important;
}

body .dse-client-command-bar a strong {
    color: #0f172a !important;
}

body .dse-client-command-bar a span {
    color: #475569 !important;
}