/* =========================================================
   DUNEHOST — SUPPORT
   ========================================================= */

.dh-client-support-body {
    background:#050605;
    color:#ece9df;
}

.dh-client-support-body .main-content {
    min-height:100vh;
}

/* headings */
.dh-support-kicker {
    font-size:11px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:#d89a2b;
    margin-bottom:8px;
}

.dh-support-title {
    margin:0;
    color:#fff;
    font-size:34px;
    font-weight:600;
}

.dh-support-subtitle {
    margin:7px 0 0;
    color:rgba(255,255,255,.5);
    font-size:14px;
}

.dh-support-heading-row {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:24px;
}

.dh-support-primary-btn,
.dh-client-support-body .btn-primary {
    background:#e5a02a !important;
    border:1px solid #e5a02a !important;
    color:#17130b !important;
    border-radius:4px;
    font-weight:600;
}

.dh-support-primary-btn:hover,
.dh-client-support-body .btn-primary:hover {
    background:#f2ae35 !important;
    border-color:#f2ae35 !important;
    color:#111 !important;
}

.dh-support-secondary-btn,
.dh-client-support-body .btn-default {
    background:transparent !important;
    border:1px solid rgba(229,160,42,.32) !important;
    color:#d7b36c !important;
    border-radius:4px;
}

.dh-support-secondary-btn:hover,
.dh-client-support-body .btn-default:hover {
    background:rgba(229,160,42,.08) !important;
    color:#f3bd55 !important;
}

/* generic cards */
.dh-support-card {
    background:rgba(10,11,10,.94);
    border:1px solid rgba(255,255,255,.08);
    border-radius:5px;
}

.dh-support-card-header {
    padding:16px 18px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.dh-support-card-header strong {
    color:#fff;
}

.dh-support-card-body {
    padding:18px;
}

/* =========================================================
   TICKET LIST
   ========================================================= */

.dh-support-list-card {
    overflow:hidden;
}

.dh-client-support-body .dataTables_wrapper {
    color:rgba(255,255,255,.62);
}

.dh-client-support-body .dataTables_wrapper .dataTables_length,
.dh-client-support-body .dataTables_wrapper .dataTables_filter,
.dh-client-support-body .dataTables_wrapper .dataTables_info,
.dh-client-support-body .dataTables_wrapper .dataTables_paginate {
    color:rgba(255,255,255,.46);
}

.dh-client-support-body .dataTables_wrapper input,
.dh-client-support-body .dataTables_wrapper select {
    background:#090a09;
    color:#eee;
    border:1px solid rgba(255,255,255,.1);
}

.dh-client-support-body #tableTicketsList {
    margin:0 !important;
    background:transparent;
}

.dh-client-support-body #tableTicketsList thead th {
    background:#0b0c0b !important;
    color:#b9ae94 !important;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    border-bottom:1px solid rgba(229,160,42,.38) !important;
    padding:13px 14px;
}

.dh-client-support-body #tableTicketsList tbody td {
    background:#080908 !important;
    color:#c9c6bd;
    border-top:1px solid rgba(255,255,255,.05) !important;
    padding:15px 14px;
    vertical-align:middle;
}

.dh-client-support-body #tableTicketsList tbody tr {
    cursor:pointer;
}

.dh-client-support-body #tableTicketsList tbody tr:hover td {
    background:#0c0d0c !important;
}

.dh-client-support-body #tableTicketsList a {
    color:#e5a02a;
}

.dh-client-support-body .ticket-number {
    display:block;
    color:#9e8b63;
    font-size:11px;
    margin-bottom:3px;
}

.dh-client-support-body .ticket-subject {
    color:#eee;
}

.dh-client-support-body .ticket-subject.unread {
    font-weight:700;
    color:#fff;
}

.dh-client-support-body .label.status {
    background:transparent;
    border:1px solid rgba(229,160,42,.35);
    color:#d6b265;
    padding:5px 9px;
}

/* =========================================================
   STEP ONE — DEPARTMENTS
   ========================================================= */

.dh-support-department-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}

.dh-support-department {
    display:block;
    text-decoration:none !important;
    background:#090a09;
    border:1px solid rgba(255,255,255,.08);
    border-radius:5px;
    padding:20px;
    min-height:145px;
    transition:.2s ease;
}

.dh-support-department:hover {
    border-color:rgba(229,160,42,.55);
    background:#0d0e0d;
    transform:translateY(-1px);
}

.dh-support-department-icon {
    color:#e5a02a;
    font-size:20px;
    margin-bottom:18px;
}

.dh-support-department h3 {
    margin:0 0 8px;
    font-size:17px;
    color:#fff;
}

.dh-support-department p {
    color:rgba(255,255,255,.48);
    margin:0;
    line-height:1.55;
}

/* =========================================================
   STEP TWO — FORM
   ========================================================= */

.dh-support-form-card {
    padding:20px;
}

.dh-client-support-body label {
    color:#aaa38f;
    font-size:12px;
    font-weight:500;
}

.dh-client-support-body .form-control {
    background:#080908 !important;
    border:1px solid rgba(255,255,255,.09) !important;
    color:#eee !important;
    box-shadow:none !important;
}

.dh-client-support-body .form-control:focus {
    border-color:rgba(229,160,42,.6) !important;
    box-shadow:0 0 0 1px rgba(229,160,42,.08) !important;
}

.dh-client-support-body textarea.form-control {
    min-height:210px;
}

.dh-client-support-body select.form-control option {
    background:#090a09;
    color:#eee;
}

.dh-client-support-body input[type=file] {
    padding:6px;
}

.dh-support-submitter {
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    margin-bottom:18px;
    border:1px solid rgba(255,255,255,.07);
    background:#090a09;
    border-radius:4px;
    color:#aaa;
    font-size:12px;
}

.dh-support-submitter i {
    color:#e5a02a;
}

.dh-support-form-actions {
    display:flex;
    justify-content:flex-end;
    gap:9px;
    margin-top:20px;
}

.dh-client-support-body .ticket-attachments-message {
    margin-top:7px;
    color:rgba(255,255,255,.34) !important;
}

/* =========================================================
   CONFIRMATION
   ========================================================= */

.dh-support-confirm {
    max-width:620px;
    margin:40px auto 0;
    text-align:center;
    padding:40px 30px;
}

.dh-support-confirm-icon {
    width:52px;
    height:52px;
    border-radius:50%;
    border:1px solid rgba(229,160,42,.35);
    background:rgba(229,160,42,.08);
    color:#e5a02a;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    font-size:20px;
}

.dh-support-confirm h2 {
    color:#fff;
    margin:0 0 9px;
}

.dh-support-confirm p {
    color:rgba(255,255,255,.48);
}

.dh-support-ticket-number {
    display:inline-block;
    margin:14px 0 22px;
    padding:8px 14px;
    border:1px solid rgba(229,160,42,.28);
    border-radius:4px;
    color:#e5a02a;
    font-weight:600;
}

/* =========================================================
   VIEW TICKET
   ========================================================= */

.dh-ticket-meta {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin-bottom:18px;
}

.dh-ticket-meta-item {
    background:#090a09;
    border:1px solid rgba(255,255,255,.07);
    border-radius:4px;
    padding:12px 14px;
}

.dh-ticket-meta-item small {
    display:block;
    color:#8e846e;
    text-transform:uppercase;
    letter-spacing:.07em;
    font-size:9px;
    margin-bottom:5px;
}

.dh-ticket-meta-item strong {
    color:#e8e5dc;
    font-size:13px;
}

.dh-client-support-body .ticket-reply {
    position:relative;
    background:#090a09;
    border:1px solid rgba(255,255,255,.07);
    border-radius:5px;
    margin:0 0 14px;
    padding:20px;
    color:#d4d1c8;
}

.dh-client-support-body .ticket-reply.staff {
    border-left:3px solid #e5a02a;
    background:#0c0c0a;
}

.dh-client-support-body .ticket-reply .date {
    float:right;
    color:rgba(255,255,255,.3);
    font-size:11px;
}

.dh-client-support-body .ticket-reply .user {
    margin-bottom:16px;
}

.dh-client-support-body .ticket-reply .user i {
    color:#e5a02a;
    margin-right:7px;
}

.dh-client-support-body .ticket-reply .user .name {
    color:#fff;
    font-weight:600;
}

.dh-client-support-body .ticket-reply .user .type {
    display:block;
    margin:4px 0 0 23px;
    color:rgba(255,255,255,.34);
    font-size:11px;
}

.dh-client-support-body .ticket-reply .message {
    clear:both;
    color:#c9c6bd;
    line-height:1.7;
}

.dh-client-support-body .ticket-reply .attachments {
    margin-top:15px;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.06);
}

.dh-client-support-body .ticket-reply .attachments ul {
    margin:8px 0 0;
    padding:0;
    list-style:none;
}

.dh-client-support-body .ticket-reply .attachments li {
    display:inline-block;
    margin:0 7px 7px 0;
    padding:6px 9px;
    border:1px solid rgba(229,160,42,.18);
    border-radius:3px;
}

.dh-client-support-body .ticket-reply .attachments a {
    color:#d6b265;
}

.dh-client-support-body .panel {
    background:#090a09;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:none;
}

.dh-client-support-body .panel-heading {
    background:#0d0e0d !important;
    color:#e7e3d8 !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
}

.dh-client-support-body .panel-body {
    background:#090a09;
    color:#c8c5bc;
}

.dh-client-support-body .well {
    background:#090a09;
    border-color:rgba(255,255,255,.08);
}

/* alerts */
.dh-client-support-body .alert {
    background:#0b0c0b;
    border:1px solid rgba(255,255,255,.08);
    color:#bbb5a7;
}

.dh-client-support-body .alert-info {
    border-color:rgba(229,160,42,.24);
    color:#cbb98f;
}

.dh-client-support-body .alert-danger,
.dh-client-support-body .alert-warning {
    border-color:rgba(190,76,67,.45);
    color:#d8a6a1;
}

.dh-client-support-body .alert-success {
    border-color:rgba(78,153,96,.4);
    color:#b4d5b9;
}

/* responsive */
@media(max-width:900px) {
    .dh-support-department-grid,
    .dh-ticket-meta {
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:600px) {
    .dh-support-heading-row {
        align-items:flex-start;
        flex-direction:column;
    }

    .dh-support-department-grid,
    .dh-ticket-meta {
        grid-template-columns:1fr;
    }

    .dh-support-form-actions {
        flex-direction:column-reverse;
    }

    .dh-support-form-actions .btn {
        width:100%;
    }
}


/* =========================================================
   DUNEHOST SUPPORT — MARKDOWN EDITOR FINAL POLISH
   ========================================================= */

.dh-client-support-body .md-editor {
    background:#080908 !important;
    border:1px solid rgba(255,255,255,.09) !important;
    border-radius:4px !important;
    overflow:hidden;
}

.dh-client-support-body .md-editor > .md-header {
    background:#0d0e0d !important;
    border-bottom:1px solid rgba(255,255,255,.07) !important;
    padding:7px !important;
}

.dh-client-support-body .md-editor > textarea,
.dh-client-support-body .md-editor textarea {
    background:#080908 !important;
    color:#e8e5dc !important;
    border:0 !important;
    box-shadow:none !important;
    resize:vertical;
}

.dh-client-support-body .md-editor > textarea:focus,
.dh-client-support-body .md-editor textarea:focus {
    background:#080908 !important;
    color:#fff !important;
    outline:none !important;
    box-shadow:none !important;
}

.dh-client-support-body .md-editor .md-preview {
    background:#080908 !important;
    color:#d5d1c7 !important;
    border:0 !important;
    padding:18px !important;
}

.dh-client-support-body .md-editor .md-controls {
    background:#0b0c0b !important;
    border-top:1px solid rgba(255,255,255,.06) !important;
    color:rgba(255,255,255,.28) !important;
}

.dh-client-support-body .md-editor .md-controls .md-control {
    color:rgba(255,255,255,.35) !important;
}

.dh-client-support-body .md-editor .btn-toolbar .btn,
.dh-client-support-body .md-editor .btn-group .btn {
    background:#0b0c0b !important;
    border:1px solid rgba(229,160,42,.18) !important;
    color:#c89b45 !important;
    box-shadow:none !important;
}

.dh-client-support-body .md-editor .btn-toolbar .btn:hover,
.dh-client-support-body .md-editor .btn-group .btn:hover,
.dh-client-support-body .md-editor .btn-toolbar .btn.active,
.dh-client-support-body .md-editor .btn-group .btn.active {
    background:rgba(229,160,42,.12) !important;
    border-color:rgba(229,160,42,.45) !important;
    color:#e5a02a !important;
}

.dh-client-support-body .md-editor .btn-primary {
    background:#e5a02a !important;
    border-color:#e5a02a !important;
    color:#17130b !important;
}


/* =========================================================
   DUNEHOST SUPPORT — DATATABLE FINAL POLISH
   ========================================================= */

.dh-client-support-body .dh-support-list-card .dataTables_wrapper {
    background:#080908 !important;
}

.dh-client-support-body .dh-support-list-card .dataTables_wrapper > .row,
.dh-client-support-body .dh-support-list-card .dataTables_wrapper .row {
    background:#0a0b0a !important;
    color:rgba(255,255,255,.42) !important;
    border:0 !important;
}

.dh-client-support-body .dh-support-list-card .dataTables_wrapper .dataTables_length,
.dh-client-support-body .dh-support-list-card .dataTables_wrapper .dataTables_filter,
.dh-client-support-body .dh-support-list-card .dataTables_wrapper .dataTables_info,
.dh-client-support-body .dh-support-list-card .dataTables_wrapper .dataTables_paginate {
    color:rgba(255,255,255,.42) !important;
}

.dh-client-support-body .dh-support-list-card .dataTables_wrapper input,
.dh-client-support-body .dh-support-list-card .dataTables_wrapper select {
    background:#060706 !important;
    border:1px solid rgba(255,255,255,.1) !important;
    color:#ddd !important;
}

.dh-client-support-body .dh-support-list-card .pagination > li > a,
.dh-client-support-body .dh-support-list-card .pagination > li > span {
    background:#090a09 !important;
    border-color:rgba(255,255,255,.08) !important;
    color:#aaa38f !important;
}

.dh-client-support-body .dh-support-list-card .pagination > .active > a,
.dh-client-support-body .dh-support-list-card .pagination > .active > span {
    background:#e5a02a !important;
    border-color:#e5a02a !important;
    color:#15120b !important;
}

.dh-client-support-body .dh-support-list-card .pagination > .disabled > a,
.dh-client-support-body .dh-support-list-card .pagination > .disabled > span {
    background:#080908 !important;
    color:rgba(255,255,255,.2) !important;
}


/* Native file field fits the dark form better */
.dh-client-support-body input[type="file"].form-control {
    background:#080908 !important;
    color:#aaa !important;
    border-color:rgba(255,255,255,.09) !important;
}


/* =========================================================
   DUNEHOST SUPPORT — TICKET CONVERSATION POLISH
   ========================================================= */

.dh-client-support-body .ticket-reply .user {
    background:transparent !important;
    border:0 !important;
    color:#eee !important;
    padding:0 !important;
    min-height:0 !important;
}

.dh-client-support-body .ticket-reply .user .name {
    background:transparent !important;
    color:#f2eee4 !important;
}

.dh-client-support-body .ticket-reply .user .type {
    background:transparent !important;
    color:rgba(255,255,255,.38) !important;
}

.dh-client-support-body .ticket-reply .user > i,
.dh-client-support-body .ticket-reply .user .fas,
.dh-client-support-body .ticket-reply .user .far {
    background:transparent !important;
    color:#e5a02a !important;
}

.dh-client-support-body .ticket-reply .requestor-type-owner,
.dh-client-support-body .ticket-reply .requestor-type-registereduser,
.dh-client-support-body .ticket-reply .requestor-type-authorizeduser,
.dh-client-support-body .ticket-reply .requestor-type-subaccount,
.dh-client-support-body .ticket-reply .requestor-type-guest {
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:#aaa38f !important;
}

.dh-client-support-body .ticket-reply.staff .requestor-type-operator {
    background:rgba(229,160,42,.12) !important;
    border:1px solid rgba(229,160,42,.28) !important;
    color:#e5a02a !important;
}

.dh-client-support-body .ticket-reply hr {
    border-color:rgba(255,255,255,.08) !important;
}

/* Ticket metadata — three genuine WHMCS values */
.dh-ticket-meta {
    grid-template-columns:repeat(3,1fr);
}

@media(max-width:900px) {
    .dh-ticket-meta {
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:600px) {
    .dh-ticket-meta {
        grid-template-columns:1fr;
    }
}


/* =========================================================
   DUNEHOST SUPPORT — KNOWLEDGEBASE
   ========================================================= */

.dh-kb-search {
    display:flex;
    margin-bottom:28px;
}

.dh-kb-search .form-control {
    height:48px;
    border-radius:4px 0 0 4px !important;
    padding:0 16px;
}

.dh-kb-search .btn {
    height:48px;
    min-width:110px;
    border-radius:0 4px 4px 0 !important;
}

.dh-kb-section {
    margin-top:28px;
}

.dh-kb-section-title {
    margin:0 0 15px;
    color:#fff;
    font-size:18px;
    font-weight:600;
}

.dh-kb-category-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}

.dh-kb-category {
    display:block;
    position:relative;
    min-height:135px;
    padding:18px;
    background:#090a09;
    border:1px solid rgba(255,255,255,.07);
    border-radius:5px;
    text-decoration:none !important;
    transition:.2s ease;
}

.dh-kb-category:hover {
    background:#0c0d0c;
    border-color:rgba(229,160,42,.48);
    transform:translateY(-1px);
}

.dh-kb-category-icon {
    color:#e5a02a;
    font-size:19px;
    margin-bottom:15px;
}

.dh-kb-category-name {
    display:flex;
    align-items:center;
    gap:8px;
    color:#f1eee5;
    font-size:16px;
    font-weight:600;
    margin-bottom:7px;
}

.dh-kb-count {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:23px;
    height:19px;
    padding:0 6px;
    border-radius:10px;
    background:rgba(229,160,42,.1);
    border:1px solid rgba(229,160,42,.22);
    color:#d9a94e;
    font-size:10px;
}

.dh-kb-category-description {
    color:rgba(255,255,255,.42);
    font-size:12px;
    line-height:1.55;
}

.dh-kb-article-list {
    border:1px solid rgba(255,255,255,.07);
    border-radius:5px;
    overflow:hidden;
}

.dh-kb-article-row {
    position:relative;
    display:block;
    padding:16px 18px;
    background:#090a09;
    border-bottom:1px solid rgba(255,255,255,.055);
    text-decoration:none !important;
    transition:.15s ease;
}

.dh-kb-article-row:last-child {
    border-bottom:0;
}

.dh-kb-article-row:hover {
    background:#0d0e0d;
}

.dh-kb-article-title {
    display:flex;
    align-items:center;
    gap:9px;
    color:#eee9de;
    font-size:14px;
    font-weight:600;
    margin-bottom:5px;
}

.dh-kb-article-title i {
    color:#e5a02a;
}

.dh-kb-article-excerpt {
    color:rgba(255,255,255,.4);
    font-size:12px;
    line-height:1.55;
    margin:0;
}

.dh-kb-admin-edit {
    position:absolute;
    top:12px;
    right:13px;
    color:#8d8065 !important;
    font-size:11px;
    z-index:5;
}


/* ARTICLE */

.dh-kb-article-card {
    background:#090a09;
    border:1px solid rgba(255,255,255,.07);
    border-radius:5px;
    overflow:hidden;
}

.dh-kb-article-header {
    padding:20px 22px;
    border-bottom:1px solid rgba(255,255,255,.06);
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
}

.dh-kb-article-header h1 {
    margin:0;
    color:#fff;
    font-size:25px;
    font-weight:600;
}

.dh-kb-print {
    color:#b7995b !important;
    border:1px solid rgba(229,160,42,.22) !important;
    padding:7px 10px !important;
    border-radius:4px;
}

.dh-kb-article-content {
    padding:25px 24px;
    color:#d0cdc4;
    line-height:1.75;
    font-size:14px;
}

.dh-kb-article-content h1,
.dh-kb-article-content h2,
.dh-kb-article-content h3,
.dh-kb-article-content h4 {
    color:#fff;
}

.dh-kb-article-content a {
    color:#e5a02a;
}

.dh-kb-article-content code,
.dh-kb-article-content pre {
    background:#050605;
    color:#d8c598;
    border:1px solid rgba(255,255,255,.07);
}

.dh-kb-article-content table {
    width:100%;
    background:#080908;
}

.dh-kb-article-content table td,
.dh-kb-article-content table th {
    border-color:rgba(255,255,255,.08);
}

.dh-kb-meta {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    padding:13px 22px;
    border-top:1px solid rgba(255,255,255,.06);
    color:rgba(255,255,255,.38);
    font-size:11px;
}

.dh-kb-meta i {
    color:#c18d31;
    margin-right:4px;
}

.dh-kb-rating {
    margin-top:18px;
    padding:18px;
    text-align:center;
    background:#090a09;
    border:1px solid rgba(255,255,255,.07);
    border-radius:5px;
    color:#aaa38f;
}

.dh-kb-rating .btn-link {
    color:#d8a84a !important;
    text-decoration:none;
}

.dh-kb-rating .btn-link:hover {
    color:#f2b94d !important;
}

.dh-kb-related {
    margin-top:28px;
}

@media(max-width:900px) {
    .dh-kb-category-grid {
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:600px) {
    .dh-kb-category-grid {
        grid-template-columns:1fr;
    }

    .dh-kb-search {
        display:block;
    }

    .dh-kb-search .form-control,
    .dh-kb-search .btn {
        width:100%;
        border-radius:4px !important;
    }

    .dh-kb-search .btn {
        margin-top:8px;
    }
}


/* =========================================================
   DUNEHOST — SUPPORT HUB
   ========================================================= */

.dh-support-hub-grid {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:12px;
    margin-bottom:34px;
}

.dh-support-hub-card {
    display:block;
    min-height:150px;
    padding:18px;
    background:#090a09;
    border:1px solid rgba(255,255,255,.07);
    border-radius:5px;
    text-decoration:none !important;
    transition:.18s ease;
}

.dh-support-hub-card:hover {
    background:#0d0e0d;
    border-color:rgba(229,160,42,.48);
    transform:translateY(-1px);
}

.dh-support-hub-card.active {
    border-color:rgba(229,160,42,.38);
    background:rgba(229,160,42,.035);
}

.dh-support-hub-icon {
    color:#e5a02a;
    font-size:19px;
    margin-bottom:17px;
}

.dh-support-hub-title {
    color:#f2eee5;
    font-size:14px;
    font-weight:600;
    margin-bottom:7px;
}

.dh-support-hub-text {
    color:rgba(255,255,255,.4);
    font-size:11px;
    line-height:1.55;
}

.dh-support-section-heading {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin:0 0 13px;
}

.dh-support-section-heading h2 {
    margin:0;
    color:#fff;
    font-size:19px;
    font-weight:600;
}


@media(max-width:1200px) {
    .dh-support-hub-grid {
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:800px) {
    .dh-support-hub-grid {
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:520px) {
    .dh-support-hub-grid {
        grid-template-columns:1fr;
    }
}


/* =========================================================
   DUNEHOST SUPPORT — STATUS / ANNOUNCEMENTS / DOWNLOADS
   ========================================================= */

/* STATUS */

.dh-status-list {
    display:flex;
    flex-direction:column;
    gap:14px;
}

.dh-status-issue {
    background:#090a09;
    border:1px solid rgba(255,255,255,.07);
    border-radius:5px;
    overflow:hidden;
}

.dh-status-issue.affected {
    border-color:rgba(229,160,42,.38);
}

.dh-status-issue-head {
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:16px 18px;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.dh-status-issue-title {
    color:#fff;
    font-weight:600;
}

.dh-status-badge {
    color:#d6aa54;
    border:1px solid rgba(229,160,42,.28);
    padding:4px 8px;
    border-radius:12px;
    font-size:10px;
}

.dh-status-meta {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    padding:14px 18px;
}

.dh-status-meta div {
    color:#aaa38f;
    font-size:12px;
}

.dh-status-description {
    padding:0 18px 16px;
    color:#cbc7bd;
    line-height:1.65;
}

.dh-status-pagination {
    margin-top:16px;
}

.dh-status-table {
    margin-top:18px;
}

.dh-client-support-body .dh-status-table table {
    background:#090a09;
    color:#d5d1c8;
}

.dh-client-support-body .dh-status-table th {
    background:#0d0e0d !important;
    color:#b7aa90;
    border-color:rgba(255,255,255,.07) !important;
}

.dh-client-support-body .dh-status-table td {
    background:#090a09 !important;
    border-color:rgba(255,255,255,.06) !important;
}

.dh-client-support-body .dh-status-table a {
    color:#e5a02a;
}


/* ANNOUNCEMENTS */

.dh-announcement-list {
    display:flex;
    flex-direction:column;
    gap:14px;
}

.dh-announcement-card {
    position:relative;
    background:#090a09;
    border:1px solid rgba(255,255,255,.07);
    border-radius:5px;
    padding:20px;
}

.dh-announcement-title {
    color:#f2eee5 !important;
    font-size:18px;
    font-weight:600;
    text-decoration:none !important;
}

.dh-announcement-card p {
    color:rgba(255,255,255,.48);
    line-height:1.65;
    margin:10px 0 0;
}

.dh-announcement-meta {
    margin-top:14px;
    color:#8d836d;
    font-size:11px;
}

.dh-announcement-meta i {
    color:#c18d31;
}

.dh-announcement-card .label-warning {
    background:rgba(229,160,42,.12);
    color:#e5a02a;
    border:1px solid rgba(229,160,42,.25);
}

.dh-announcement-detail {
    background:#090a09;
    border:1px solid rgba(255,255,255,.07);
    border-radius:5px;
    padding:24px;
    color:#ccc8bf;
    line-height:1.75;
}

.dh-announcement-detail h1,
.dh-announcement-detail h2,
.dh-announcement-detail h3,
.dh-announcement-detail h4 {
    color:#fff;
}

.dh-announcement-detail a {
    color:#e5a02a;
}


/* DOWNLOADS */

.dh-download-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

.dh-download-category {
    display:block;
    background:#090a09;
    border:1px solid rgba(255,255,255,.07);
    border-radius:5px;
    padding:18px;
    text-decoration:none !important;
}

.dh-download-category:hover {
    border-color:rgba(229,160,42,.45);
    background:#0d0e0d;
}

.dh-download-category-title {
    color:#fff;
    font-weight:600;
    margin-bottom:7px;
}

.dh-download-category-title i {
    color:#e5a02a;
    margin-right:6px;
}

.dh-download-category-description {
    color:rgba(255,255,255,.42);
    font-size:12px;
}

.dh-download-list {
    border:1px solid rgba(255,255,255,.07);
    border-radius:5px;
    overflow:hidden;
}

.dh-download-item {
    display:block;
    padding:16px 18px;
    background:#090a09;
    border-bottom:1px solid rgba(255,255,255,.055);
    text-decoration:none !important;
}

.dh-download-item:last-child {
    border-bottom:0;
}

.dh-download-item:hover {
    background:#0d0e0d;
}

.dh-download-item strong {
    color:#eee9df;
}

.dh-download-item i {
    color:#e5a02a;
}

.dh-download-item p {
    color:rgba(255,255,255,.43);
    margin:6px 0;
}

.dh-download-item small {
    color:#887d67;
}

.dh-download-denied {
    max-width:650px;
    margin:40px auto;
    text-align:center;
    padding:28px;
}

@media(max-width:800px) {
    .dh-status-meta,
    .dh-download-grid {
        grid-template-columns:1fr;
    }
}