.owner-shell {
    width: min(1180px, 92%);
    margin: auto;

    padding:
        60px
        0
        100px;
}

.owner-heading {
    margin-bottom: 35px;
}

.owner-eyebrow {
    color: #d1ad68;

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

    letter-spacing: 2px;
}

html[dir="rtl"] .owner-eyebrow {
    letter-spacing: 0;
}

.owner-heading h1 {
    margin:
        10px
        0;

    font-size:
        clamp(31px, 5vw, 48px);
}

.owner-heading p {
    max-width: 700px;

    margin: 0;

    color: #7e8b9c;

    line-height: 1.8;
}

.owner-title-row {
    display: flex;

    justify-content: space-between;
    align-items: flex-end;

    gap: 25px;
}

.owner-access-badge {
    display: flex;
    align-items: center;

    gap: 11px;

    padding:
        11px
        14px;

    border:
        1px solid
        rgba(209,173,104,.18);

    border-radius: 9px;

    background:
        rgba(209,173,104,.035);
}

.owner-access-badge strong {
    display: block;

    font-size: 12px;
}

.owner-access-badge small {
    display: block;

    margin-top: 3px;

    color: #d1ad68;

    font-size: 8px;
}

.owner-online-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #42d986;

    box-shadow:
        0
        0
        10px
        rgba(66,217,134,.6);
}


/* STATS */

.owner-stats {
    display: grid;

    grid-template-columns:
        repeat(4,1fr);

    gap: 12px;
}

.owner-stat {
    padding: 21px;

    border:
        1px solid
        rgba(209,173,104,.13);

    border-radius: 10px;

    background:
        rgba(13,20,31,.80);
}

.owner-stat > span {
    color: #697689;

    font-size: 9px;
    letter-spacing: 1px;
}

.owner-stat strong {
    display: block;

    margin-top: 10px;

    color: #f0f2f5;

    font-size: 22px;
}

.owner-stat small {
    display: block;

    margin-top: 6px;

    color: #687587;

    font-size: 9px;
}


/* MODULES */

.owner-section-title {
    margin:
        42px
        0
        12px;

    color: #687587;

    font-size: 9px;

    letter-spacing: 1.5px;
}

.owner-modules {
    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 11px;
}

.owner-module {
    display: grid;

    grid-template-columns:
        44px
        minmax(0,1fr)
        25px;

    align-items: center;

    gap: 13px;

    padding: 17px;

    border:
        1px solid
        rgba(209,173,104,.12);

    border-radius: 10px;

    background:
        rgba(13,20,31,.70);

    color: inherit;

    text-decoration: none;

    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease;
}

.owner-module:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(209,173,104,.32);

    background:
        rgba(209,173,104,.04);
}

.owner-module-icon {
    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    border:
        1px solid
        rgba(209,173,104,.18);

    border-radius: 9px;

    color: #d1ad68;

    background:
        rgba(209,173,104,.04);

    font-weight: 700;
}

.owner-module strong {
    display: block;

    color: #e8ecf1;

    font-size: 12px;
}

.owner-module p {
    margin:
        5px
        0
        0;

    color: #6d7a8b;

    font-size: 10px;

    line-height: 1.6;
}

.owner-arrow {
    color: #667487;

    transition:
        transform .2s ease,
        color .2s ease;
}

.owner-module:hover .owner-arrow {
    color: #d1ad68;

    transform:
        translateX(3px);
}

html[dir="rtl"]
.owner-module:hover
.owner-arrow {
    transform:
        translateX(-3px);
}


/* TABLES */

.owner-table-wrap {
    overflow-x: auto;

    border:
        1px solid
        rgba(209,173,104,.12);

    border-radius: 10px;

    background:
        rgba(13,20,31,.70);
}

.owner-table {
    width: 100%;

    border-collapse: collapse;
}

.owner-table th,
.owner-table td {
    padding:
        14px
        15px;

    text-align: start;

    border-bottom:
        1px solid
        rgba(255,255,255,.045);
}

.owner-table th {
    color: #697689;

    font-size: 9px;

    letter-spacing: .6px;
}

.owner-table td {
    color: #abb5c1;

    font-size: 11px;
}

.owner-table tr:last-child td {
    border-bottom: 0;
}

.owner-status {
    display: inline-flex;

    padding:
        4px
        8px;

    border-radius: 20px;

    font-size: 8px;
}

.owner-status.active {
    color: #83d6aa;

    background:
        rgba(73,214,139,.07);
}

.owner-status.disabled {
    color: #d68d8d;

    background:
        rgba(214,73,73,.07);
}


/* RTL */

html[dir="rtl"] .owner-shell {
    text-align: right;
}


/* Responsive */

@media(max-width:1000px) {

    .owner-stats {
        grid-template-columns:
            repeat(2,1fr);
    }

    .owner-modules {
        grid-template-columns:
            1fr;
    }

}

@media(max-width:650px) {

    .owner-title-row {
        align-items: stretch;

        flex-direction: column;
    }

    .owner-access-badge {
        width: 100%;
    }

    .owner-stats {
        grid-template-columns: 1fr;
    }

}

/* =====================================================
   OWNER DISCORD IDENTITY
===================================================== */

.owner-discord-card {
    margin-top: 16px;

    padding: 18px;

    border:
        1px solid
        rgba(88,101,242,.18);

    border-radius: 10px;

    background:
        rgba(88,101,242,.025);
}

.owner-discord-profile {
    display: flex;
    align-items: center;

    gap: 13px;
}

.owner-discord-avatar {
    width: 52px;
    height: 52px;

    object-fit: cover;

    border-radius: 50%;

    border:
        1px solid
        rgba(88,101,242,.35);
}

.owner-discord-profile strong {
    display: block;

    color: #edf0f5;

    font-size: 13px;
}

.owner-discord-profile span {
    display: block;

    margin-top: 3px;

    color: #8a96a7;

    font-size: 10px;
}

.owner-discord-profile small {
    display: block;

    margin-top: 5px;

    color: #657285;

    font-size: 8px;
}