/* ==========================================
   Packages Table
========================================== */

.wc-table-wrapper{

    background:#fff;

    border:1px solid #ececec;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.wc-table{

    width:100%;

    border-collapse:collapse;

}

.wc-table thead{

    background:#faf8f3;

}

.wc-table th{

    padding:18px 20px;

    text-align:left;

    font-size:14px;

    font-weight:700;

    color:#374151;

    border-bottom:1px solid #ececec;

}

.wc-table td{

    padding:18px 20px;

    border-bottom:1px solid #f2f2f2;

    vertical-align:middle;

}

.wc-table tbody tr{

    transition:.25s;

}

.wc-table tbody tr:hover{

    background:#fcfcfc;

}

.wc-table tbody tr:last-child td{

    border-bottom:none;

}

.wc-table-empty{

    padding:45px;

    text-align:center;

    color:#888;

}

/* ==================================================
PACKAGE TITLE
================================================== */

.wc-package-title{

    display:flex;

    flex-direction:column;

    gap:6px;

}

.wc-package-subtitle{

    font-size:13px;

    color:#888;

}

/* ==================================================
BADGES
================================================== */

.wc-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:max-content;

    padding:5px 12px;

    border-radius:999px;

    font-size:12px;

    font-weight:600;

}

.wc-badge--gold{

    background:#fff5d8;

    color:#b88400;

}

.wc-badge--success{

    background:#eaf8ef;

    color:#1d7f43;

}

.wc-badge--danger{

    background:#fdeaea;

    color:#c0392b;

}

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

.wc-actions{

    display:flex;

    gap:10px;

    align-items:center;

}

.wc-inline-form{

    display:inline;

}

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

.wc-page-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    margin-bottom:35px;

}

.wc-page-header__content{

    display:flex;

    flex-direction:column;

    gap:8px;

}

.wc-page-header__title{

    margin:0;

    font-size:40px;

    font-weight:700;

}

.wc-page-header__description{

    margin:0;

    color:#6b7280;

}

.wc-page-header .wc-button{

    flex-shrink:0;

}