/* =========================================================
   VANCE CEYLON — DOMEX ADMIN TRACKING
========================================================= */

.vance-domex-admin{
    margin-top:14px;
    padding:14px;

    border:1px solid rgba(255,255,255,.14);
    border-radius:14px;

    background:rgba(255,255,255,.035);
}

.vance-domex-admin-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;

    margin-bottom:12px;
}

.vance-domex-admin-head > div{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.vance-domex-admin-head small{
    font-size:8px;
    letter-spacing:.12em;
    opacity:.55;
}

.vance-domex-admin-head strong{
    font-size:13px;
    letter-spacing:.06em;
}

.vance-domex-admin-head > span{
    max-width:50%;

    font-size:9px;
    font-weight:800;
    overflow-wrap:anywhere;

    opacity:.65;
}

.vance-domex-admin-field{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.vance-domex-admin-field > span{
    font-size:9px;
    font-weight:700;
}

.vance-domex-admin-field input{
    width:100%;
    min-height:42px;
    padding:0 11px;

    border:1px solid rgba(255,255,255,.18);
    border-radius:10px;

    background:#111;
    color:#fff;

    font:inherit;
    font-size:11px;
    font-weight:700;
    letter-spacing:.04em;
}

.vance-domex-admin-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;

    margin-top:9px;
}

.vance-domex-admin-actions button,
.vance-domex-admin-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:37px;
    padding:0 12px;

    border-radius:9px;

    font:inherit;
    font-size:8px;
    font-weight:900;
    letter-spacing:.06em;
    text-decoration:none;

    cursor:pointer;
}

.vance-domex-admin-actions button{
    border:1px solid #fff;
    background:#fff;
    color:#090909;
}

.vance-domex-admin-actions a{
    border:1px solid rgba(255,255,255,.18);
    background:transparent;
    color:#fff;
}

.vance-domex-admin [data-domex-status],
.vance-domex-admin-help{
    margin:8px 0 0;

    font-size:8px;
    line-height:1.45;

    opacity:.62;
}

@media(max-width:600px){

    .vance-domex-admin-actions{
        flex-direction:column;
    }

    .vance-domex-admin-actions button,
    .vance-domex-admin-actions a{
        width:100%;
    }
}