/* MuKairos site-wide standardization layer - 20260514 */

:root {
    --mk-ui-bg: rgba(9, 12, 18, 0.94);
    --mk-ui-bg-soft: rgba(15, 19, 28, 0.96);
    --mk-ui-bg-strong: rgba(5, 7, 12, 0.98);
    --mk-ui-border: rgba(201, 168, 76, 0.18);
    --mk-ui-border-strong: rgba(201, 168, 76, 0.42);
    --mk-ui-border-focus: rgba(224, 190, 96, 0.74);
    --mk-ui-ink: #f0e7d0;
    --mk-ui-ink-soft: rgba(240, 231, 208, 0.8);
    --mk-ui-ink-muted: rgba(214, 206, 188, 0.58);
    --mk-ui-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
    --mk-ui-shadow-soft: 0 12px 24px rgba(0, 0, 0, 0.22);
    --mk-ui-radius: 12px;
    --mk-ui-radius-sm: 9px;
    --mk-ui-button-height: 42px;
}

body {
    color: var(--mk-ui-ink);
}

.btn-group,
.ranking-filter-bar,
.ranking-search-inline,
.checkout-actions,
.home-priority-actions,
.status-page .btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

a.btn,
.btn,
a.button,
.button,
.button_padrao,
a.btn-primary,
.btn-primary,
a.btn-secondary,
.btn-secondary,
a.btn-outline,
.btn-outline,
a.btn-ghost,
.btn-ghost,
.btn-login,
.btn-logout,
.btn-discord,
.btn-nav,
.btn-account,
.btn-register,
input[type="submit"],
input[type="button"],
input[type="reset"],
button:not(.hamburger):not(.slick-arrow):not(.fancybox-close) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: var(--mk-ui-button-height);
    padding: 0 18px;
    border: 1px solid var(--mk-ui-border);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0) 100%), var(--mk-ui-bg-soft);
    color: var(--mk-ui-ink);
    font-family: 'Orbitron', 'Exo 2', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: var(--mk-ui-shadow-soft);
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
    appearance: none;
}

a.btn:hover,
.btn:hover,
a.button:hover,
.button:hover,
.button_padrao:hover,
a.btn-primary:hover,
.btn-primary:hover,
a.btn-secondary:hover,
.btn-secondary:hover,
a.btn-outline:hover,
.btn-outline:hover,
a.btn-ghost:hover,
.btn-ghost:hover,
.btn-login:hover,
.btn-logout:hover,
.btn-discord:hover,
.btn-nav:hover,
.btn-account:hover,
.btn-register:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:not(.hamburger):not(.slick-arrow):not(.fancybox-close):hover {
    border-color: var(--mk-ui-border-strong);
    color: #fff3c9;
    background: linear-gradient(180deg, rgba(30, 37, 52, 0.96), rgba(10, 13, 20, 0.98));
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-1px);
}

a.btn:focus-visible,
.btn:focus-visible,
a.button:focus-visible,
.button:focus-visible,
.button_padrao:focus-visible,
a.btn-primary:focus-visible,
.btn-primary:focus-visible,
a.btn-secondary:focus-visible,
.btn-secondary:focus-visible,
a.btn-outline:focus-visible,
.btn-outline:focus-visible,
a.btn-ghost:focus-visible,
.btn-ghost:focus-visible,
.btn-login:focus-visible,
.btn-logout:focus-visible,
.btn-discord:focus-visible,
.btn-nav:focus-visible,
.btn-account:focus-visible,
.btn-register:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
input[type="reset"]:focus-visible,
button:not(.hamburger):not(.slick-arrow):not(.fancybox-close):focus-visible {
    outline: none;
    border-color: var(--mk-ui-border-focus);
    box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.18), 0 18px 34px rgba(0, 0, 0, 0.3);
}

a.btn-primary,
.btn-primary,
.btn.btn-primary,
.btn-register,
.btn-login,
.btn-cta,
.btn-gold,
button.btn-primary,
input.btn-primary,
input[type="submit"].btn-primary,
.panel-user-content input[type="submit"],
.panel-frame-content input[type="submit"] {
    border-color: rgba(236, 199, 97, 0.72);
    background: linear-gradient(180deg, #ebca6d 0%, #bb8d31 100%);
    color: #1a1308 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.18);
}

a.btn-primary:hover,
.btn-primary:hover,
.btn.btn-primary:hover,
.btn-register:hover,
.btn-login:hover,
.btn-cta:hover,
.btn-gold:hover,
button.btn-primary:hover,
input.btn-primary:hover,
input[type="submit"].btn-primary:hover,
.panel-user-content input[type="submit"]:hover,
.panel-frame-content input[type="submit"]:hover {
    background: linear-gradient(180deg, #f2d987 0%, #c89a3f 100%);
    color: #140f08 !important;
}

a.btn-secondary,
.btn-secondary,
.btn-outline,
.btn-ghost,
.btn-account,
.btn-logout,
.btn-discord {
    background: linear-gradient(180deg, rgba(19, 25, 37, 0.96), rgba(8, 11, 18, 0.98));
    color: var(--mk-ui-ink);
}

.btn-discord {
    border-color: rgba(88, 199, 189, 0.3);
}

.btn-discord:hover {
    border-color: rgba(88, 199, 189, 0.56);
    color: #d7fffb;
}

.btn-nav,
.btn-account,
.btn-register {
    min-height: 40px;
    padding-left: 16px;
    padding-right: 16px;
}

.btn i,
.button i,
.btn-login i,
.btn-logout i,
.btn-discord i,
.btn-nav i {
    font-size: 0.95em;
}

.input_padrao,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="date"],
textarea,
select {
    width: 100%;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid var(--mk-ui-border);
    border-radius: var(--mk-ui-radius-sm);
    background: linear-gradient(180deg, rgba(13, 17, 25, 0.98), rgba(7, 9, 14, 0.96));
    color: var(--mk-ui-ink);
    font-family: 'Exo 2', Arial, sans-serif;
    font-size: 13px;
    line-height: 1.4;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
    appearance: none;
}

textarea {
    min-height: 120px;
    padding-top: 12px;
    padding-bottom: 12px;
    resize: vertical;
}

select:not([multiple]):not([size]) {
    padding-right: 42px;
    background-image: linear-gradient(45deg, transparent 50%, rgba(224, 190, 96, 0.92) 50%), linear-gradient(135deg, rgba(224, 190, 96, 0.92) 50%, transparent 50%);
    background-position: calc(100% - 18px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

.input_padrao:hover,
input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
input[type="date"]:hover,
textarea:hover,
select:hover {
    border-color: rgba(201, 168, 76, 0.36);
}

.input_padrao:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: var(--mk-ui-border-focus);
    background: linear-gradient(180deg, rgba(16, 21, 31, 0.99), rgba(9, 11, 17, 0.99));
    box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.14);
}

label,
.field-label,
form em,
.quadros em,
.panel-frame-content em,
.panel-user-content em,
.generic-subpage-content em {
    display: inline-block;
    margin: 0 0 6px;
    color: var(--mk-ui-ink-soft);
    font-family: 'Orbitron', 'Exo 2', sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.quadros,
.panel-content,
.panel-frame-shell,
.ranking-toolbar,
.ranking-command-card,
.ranking-profile-card,
.generic-subpage-content .subpage-wrap,
.generic-subpage-content #content-wrap,
.panel-user-content .page-shell-card,
.panel-frame-content .page-shell-card {
    border: 1px solid var(--mk-ui-border);
    border-radius: var(--mk-ui-radius);
    background: linear-gradient(180deg, rgba(14, 18, 27, 0.98), rgba(6, 8, 13, 0.98));
    box-shadow: var(--mk-ui-shadow);
}

.quadros,
.panel-content,
.ranking-toolbar,
.ranking-command-card,
.panel-frame-content .page-shell-card,
.panel-user-content .page-shell-card {
    padding: 18px;
}

.quadros {
    overflow: hidden;
}

.quadros table,
table.style,
.ranking-table,
.panel-frame-content table,
.panel-user-content table,
.generic-subpage-content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.quadros table th,
table.style th,
.ranking-table th,
.panel-frame-content th,
.panel-user-content th,
.generic-subpage-content th {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(201, 168, 76, 0.16);
    background: rgba(201, 168, 76, 0.08);
    color: #f5e7b9;
    font-family: 'Orbitron', 'Exo 2', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.quadros table td,
table.style td,
.ranking-table td,
.panel-frame-content td,
.panel-user-content td,
.generic-subpage-content td {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: var(--mk-ui-ink-soft);
    vertical-align: top;
}

.quadros table tr:last-child td,
table.style tr:last-child td,
.ranking-table tr:last-child td,
.panel-frame-content tr:last-child td,
.panel-user-content tr:last-child td,
.generic-subpage-content tr:last-child td {
    border-bottom: 0;
}

.quadros table tr:hover td,
table.style tr:hover td,
.ranking-table tr:hover td,
.panel-frame-content tr:hover td,
.panel-user-content tr:hover td,
.generic-subpage-content tr:hover td {
    background: rgba(201, 168, 76, 0.05);
}

.quadros a,
.panel-frame-content a,
.panel-user-content a,
.generic-subpage-content a {
    color: #e4c86f;
}

.quadros a:hover,
.panel-frame-content a:hover,
.panel-user-content a:hover,
.generic-subpage-content a:hover {
    color: #f6dfa0;
}

.panel-frame-toolbar,
.panel-frame-selector,
.ranking-toolbar,
.ranking-search-inline,
.search-form {
    gap: 12px;
}

.panel-frame-selector {
    min-width: min(100%, 320px);
}

.panel-frame-selector select {
    min-width: 220px;
}

.sidebar-login input,
.login-form input,
.checkout-billing-form input[type="text"],
.checkout-billing-form input[type="email"],
.checkout-billing-form input[type="tel"],
.checkout-billing-form input[type="number"],
.checkout-billing-form select {
    min-height: 44px;
}

@media (max-width: 900px) {
    .btn-group,
    .ranking-filter-bar,
    .ranking-search-inline,
    .checkout-actions,
    .home-priority-actions,
    .status-page .btn-group {
        align-items: stretch;
    }

    a.btn,
    .btn,
    a.button,
    .button,
    .button_padrao,
    a.btn-primary,
    .btn-primary,
    a.btn-secondary,
    .btn-secondary,
    a.btn-outline,
    .btn-outline,
    a.btn-ghost,
    .btn-ghost,
    .btn-login,
    .btn-logout,
    .btn-discord,
    .btn-nav,
    .btn-account,
    .btn-register,
    input[type="submit"],
    input[type="button"],
    input[type="reset"],
    button:not(.hamburger):not(.slick-arrow):not(.fancybox-close) {
        width: 100%;
    }

    .panel-frame-selector,
    .panel-frame-selector select {
        min-width: 100%;
    }
}