/* =========================================================
   CRM DOMAINS — PREMIUM TABLE
   ========================================================= */

.crm-domains-wrapper {
    width: 100%;
}


/* =========================================================
   TABLE CONTAINER
   ========================================================= */

.crm-domains-wrapper .crm-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 14px;
}


/* =========================================================
   TABLE
   ========================================================= */

.crm-domains-table {
    width: 100%;
    min-width: 1100px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}


/* =========================================================
   HEADER
   ========================================================= */

.crm-domains-table thead th {
    text-align: center !important;
    vertical-align: middle !important;

    padding: 16px 14px;

    font-size: 14px;
    font-weight: 600;

    white-space: nowrap;
}


/* =========================================================
   ALL CELLS — CENTER
   ========================================================= */

.crm-domains-table th,
.crm-domains-table td {
    text-align: center !important;
    vertical-align: middle !important;
}


/* =========================================================
   TABLE CELLS
   ========================================================= */

.crm-domains-table tbody td {
    padding: 16px 14px;

    font-size: 14px;

    height: 70px;
}


/* =========================================================
   DOMAIN NAME
   ========================================================= */

.crm-domains-table .crm-domain-name {
    display: inline-block;

    direction: ltr;

    color: #ffffff;

    font-size: 15px;
    font-weight: 650;

    letter-spacing: 0.2px;

    transition: 0.2s ease;
}

.crm-domains-table .crm-domain-name:hover {
    color: #c4b5fd;
}


/* =========================================================
   CLIENT
   ========================================================= */

.crm-domains-table .crm-client-domain-link {
    display: inline-block;

    color: #c4b5fd;

    font-weight: 500;

    text-decoration: none;

    transition: 0.2s ease;
}

.crm-domains-table .crm-client-domain-link:hover {
    color: #ffffff;
}


/* =========================================================
   REGISTRAR
   ========================================================= */

.crm-domains-table td:nth-child(3) {
    color: #d1d5db;
}


/* =========================================================
   DATES
   ========================================================= */

.crm-domains-table td:nth-child(4),
.crm-domains-table td:nth-child(5) {

    direction: ltr;

    white-space: nowrap;

    color: #d1d5db;
}


/* =========================================================
   STATUS
   ========================================================= */

.crm-domains-table .crm-domain-status {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 90px;

    padding: 7px 13px;

    border-radius: 999px;

    font-size: 12px;
    font-weight: 600;

    line-height: 1;

    white-space: nowrap;
}


/* Active */

.crm-domains-table .crm-status-active {

    background: rgba(34, 197, 94, 0.12);

    color: #4ade80;

    border: 1px solid rgba(34, 197, 94, 0.18);
}


/* Expiring */

.crm-domains-table .crm-status-expiring {

    background: rgba(245, 158, 11, 0.12);

    color: #fbbf24;

    border: 1px solid rgba(245, 158, 11, 0.18);
}


/* Expired */

.crm-domains-table .crm-status-expired {

    background: rgba(239, 68, 68, 0.12);

    color: #f87171;

    border: 1px solid rgba(239, 68, 68, 0.18);
}


/* Inactive */

.crm-domains-table .crm-status-inactive {

    background: rgba(148, 163, 184, 0.12);

    color: #94a3b8;

    border: 1px solid rgba(148, 163, 184, 0.18);
}


/* Default */

.crm-domains-table .crm-status-default {

    background: rgba(139, 92, 246, 0.12);

    color: #c4b5fd;

    border: 1px solid rgba(139, 92, 246, 0.18);
}


/* =========================================================
   RENEWAL PRICE
   ========================================================= */

.crm-domains-table .crm-domain-price {

    display: inline-block;

    direction: ltr;

    color: #ffffff;

    font-size: 14px;

    font-weight: 600;

    white-space: nowrap;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.crm-domains-table .crm-actions {

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    white-space: nowrap;
}


/* =========================================================
   ACTION BUTTONS
   ========================================================= */

.crm-domains-table .crm-actions a {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 62px;

    min-height: 34px;

    padding: 7px 12px;

    border-radius: 8px;

    font-size: 12px;
    font-weight: 600;

    text-decoration: none;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        color 0.2s ease;
}


.crm-domains-table .crm-actions a:hover {

    transform: translateY(-1px);

}


/* Edit */

.crm-domains-table .crm-actions .crm-edit {

    background: rgba(139, 92, 246, 0.12);

    color: #c4b5fd;
}


.crm-domains-table .crm-actions .crm-edit:hover {

    background: rgba(139, 92, 246, 0.20);

    color: #ffffff;
}


/* Manage */

.crm-domains-table .crm-actions .crm-view {

    background: rgba(59, 130, 246, 0.12);

    color: #60a5fa;
}


.crm-domains-table .crm-actions .crm-view:hover {

    background: rgba(59, 130, 246, 0.20);

    color: #ffffff;
}


/* =========================================================
   ROW HOVER
   ========================================================= */

.crm-domains-table tbody tr {

    transition: background 0.2s ease;
}


.crm-domains-table tbody tr:hover {

    background: rgba(255, 255, 255, 0.025);

}


/* =========================================================
   EMPTY STATE
   ========================================================= */

.crm-domains-table tbody td[colspan] {

    text-align: center !important;

    padding: 45px 20px;

    color: #9ca3af;
}


/* =========================================================
   SCROLLBAR
   ========================================================= */

.crm-domains-wrapper .crm-table-wrapper::-webkit-scrollbar {

    height: 7px;

}


.crm-domains-wrapper .crm-table-wrapper::-webkit-scrollbar-track {

    background: #0f011a;

    border-radius: 10px;

}


.crm-domains-wrapper .crm-table-wrapper::-webkit-scrollbar-thumb {

    background: #3b3150;

    border-radius: 10px;

}


.crm-domains-wrapper .crm-table-wrapper::-webkit-scrollbar-thumb:hover {

    background: #5a4b70;

}


/* =========================================================
   DOMAIN DIRECTION
   ========================================================= */

.crm-domains-table td:first-child {

    direction: ltr;

    text-align: center !important;

}


/* =========================================================
   RESPONSIVE PREPARATION
   ========================================================= */

@media (max-width: 768px) {

    .crm-domains-table {

        min-width: 1100px;

    }

    .crm-domains-table thead th,
    .crm-domains-table tbody td {

        padding: 13px 10px;

    }

}