/* ========================================
   TEXAS LEGACIES — VÍCIOS & LIMITAÇÕES
======================================== */


/* ========================================
   PLAYER NAV — 12 SISTEMAS
   6 + 6 EM TELAS MAIORES
======================================== */

@media (min-width: 651px) {

    .dashboard-system-navigation-buttons {
        grid-template-columns:
            repeat(6, minmax(0, 1fr));
    }


    .dashboard-system-tab:nth-child(11) {
        border-right:
            1px solid rgba(241, 221, 194, .13);
    }


    .dashboard-system-tab:nth-child(6),
    .dashboard-system-tab:nth-child(12) {
        border-right:
            0;
    }


    .dashboard-system-tab:nth-child(-n+6) {
        border-bottom:
            1px solid rgba(241, 221, 194, .13);
    }

}


/* ========================================
   PLAYER — VIEW
======================================== */

.dashboard-limitations {
    width:
        100%;

    padding:
        72px clamp(22px, 5vw, 78px) 96px;

    border-top:
        1px solid rgba(241, 221, 194, .08);

    background:
        var(--ink);

    color:
        var(--cream);
}


.dashboard-limitations-heading {
    display:
        flex;

    justify-content:
        space-between;

    align-items:
        end;

    gap:
        28px;

    padding-bottom:
        36px;

    border-bottom:
        1px solid rgba(241, 221, 194, .12);
}


.dashboard-limitations-heading > div {
    max-width:
        760px;
}


.dashboard-limitations-heading > div > span,
.dashboard-limitations-heading label > span,
.dashboard-limitation-current-heading > span,
.dashboard-limitation-current-meta span,
.dashboard-limitation-action-card > span,
.dashboard-limitations-history > div:first-child > span,
.dashboard-limitation-consequence-top > span,
.dashboard-limitation-consequence-source > span {
    color:
        var(--sand);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        2.6px;
}


.dashboard-limitations-heading h2 {
    margin-top:
        10px;

    color:
        var(--cream);

    font-size:
        clamp(48px, 7vw, 86px);

    font-weight:
        normal;

    line-height:
        .94;
}


.dashboard-limitations-heading p {
    max-width:
        680px;

    margin-top:
        14px;

    color:
        rgba(241, 221, 194, .52);

    font-family:
        Arial,
        sans-serif;

    font-size:
        10px;

    line-height:
        1.75;
}


.dashboard-limitations-heading label {
    width:
        min(310px, 100%);

    display:
        grid;

    gap:
        8px;
}


.dashboard-limitations-heading select {
    min-height:
        49px;

    padding:
        0 13px;

    border:
        1px solid rgba(241, 221, 194, .16);

    background:
        rgba(7, 27, 33, .74);

    color:
        var(--cream);
}


.dashboard-limitations-message {
    margin-top:
        22px;

    padding:
        15px 17px;

    border:
        1px solid rgba(223, 160, 108, .28);

    color:
        var(--cream);

    font-family:
        Arial,
        sans-serif;

    font-size:
        9px;
}


.dashboard-limitations-message.error {
    border-color:
        rgba(183, 55, 38, .8);

    background:
        rgba(150, 29, 20, .08);
}


.dashboard-limitations-message.success {
    background:
        rgba(180, 71, 36, .08);
}


/* ========================================
   ROTINA ATUAL
======================================== */

.dashboard-limitations-current {
    margin-top:
        28px;
}


.dashboard-limitation-current-card {
    padding:
        26px;

    border:
        1px solid rgba(241, 221, 194, .14);

    background:
        rgba(7, 27, 33, .38);
}


.dashboard-limitation-current-heading h3 {
    margin-top:
        8px;

    color:
        var(--cream);

    font-size:
        clamp(32px, 4vw, 48px);

    font-weight:
        normal;
}


.dashboard-limitation-current-heading p,
.dashboard-limitation-description {
    margin-top:
        9px;

    color:
        rgba(241, 221, 194, .52);

    font-family:
        Arial,
        sans-serif;

    font-size:
        9px;

    line-height:
        1.7;
}


.dashboard-limitation-current-meta {
    margin-top:
        22px;

    display:
        grid;

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

    border-top:
        1px solid rgba(241, 221, 194, .11);

    border-left:
        1px solid rgba(241, 221, 194, .11);
}


.dashboard-limitation-current-meta > div {
    min-height:
        95px;

    padding:
        16px;

    border-right:
        1px solid rgba(241, 221, 194, .11);

    border-bottom:
        1px solid rgba(241, 221, 194, .11);
}


.dashboard-limitation-current-meta strong {
    display:
        block;

    margin-top:
        8px;

    color:
        var(--cream);

    font-size:
        19px;

    font-weight:
        normal;
}


.dashboard-limitation-current-meta small {
    display:
        block;

    margin-top:
        5px;

    color:
        rgba(241, 221, 194, .42);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;
}


.dashboard-limitation-checklist {
    margin-top:
        22px;

    display:
        grid;

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

    gap:
        9px;
}


.dashboard-limitation-check {
    min-height:
        70px;

    padding:
        14px;

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    border:
        1px solid rgba(241, 221, 194, .13);
}


.dashboard-limitation-check.done {
    border-color:
        rgba(223, 160, 108, .4);

    background:
        rgba(180, 71, 36, .06);
}


.dashboard-limitation-check > strong {
    color:
        var(--sand);

    font-size:
        20px;

    font-weight:
        normal;
}


.dashboard-limitation-check span {
    color:
        var(--cream);

    font-family:
        Arial,
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;
}


.dashboard-limitation-check small {
    display:
        block;

    margin-top:
        4px;

    color:
        rgba(241, 221, 194, .44);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    line-height:
        1.5;
}


/* ========================================
   AÇÕES
======================================== */

.dashboard-limitations-actions {
    margin-top:
        18px;

    display:
        grid;

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

    gap:
        12px;
}


.dashboard-limitation-action-card {
    min-height:
        230px;

    padding:
        22px;

    display:
        flex;

    flex-direction:
        column;

    border:
        1px solid rgba(241, 221, 194, .14);

    background:
        rgba(7, 27, 33, .34);
}


.dashboard-limitation-action-card.danger {
    border-color:
        rgba(180, 71, 36, .45);

    background:
        rgba(180, 71, 36, .07);
}


.dashboard-limitation-action-card h4 {
    margin-top:
        10px;

    color:
        var(--cream);

    font-size:
        27px;

    font-weight:
        normal;
}


.dashboard-limitation-action-card p {
    margin:
        11px 0 18px;

    color:
        rgba(241, 221, 194, .5);

    font-family:
        Arial,
        sans-serif;

    font-size:
        9px;

    line-height:
        1.7;

    flex:
        1;
}


.dashboard-limitation-action-card > strong {
    display:
        block;

    margin-bottom:
        14px;

    color:
        var(--cream);

    font-size:
        26px;

    font-weight:
        normal;
}


.dashboard-limitation-action-card button,
.dashboard-limitation-consequence button {
    min-height:
        44px;

    padding:
        0 14px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    border:
        1px solid var(--rust);

    background:
        var(--rust);

    color:
        var(--cream);

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        1px;

    cursor:
        pointer;
}


/* ========================================
   CONSEQUÊNCIA VERMELHA
======================================== */

.dashboard-limitations-consequences {
    margin-top:
        24px;
}


.dashboard-limitation-consequence {
    position:
        relative;

    overflow:
        hidden;

    padding:
        25px;

    border:
        1px solid rgba(188, 52, 38, .82);

    background:
        linear-gradient(
            135deg,
            rgba(133, 24, 18, .2),
            rgba(7, 27, 33, .46)
        );
}


.dashboard-limitation-consequence::before {
    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        5px;

    height:
        100%;

    background:
        #b73a2d;
}


.dashboard-limitation-consequence-top {
    display:
        flex;

    justify-content:
        space-between;

    gap:
        15px;
}


.dashboard-limitation-consequence-top > span,
.dashboard-limitation-consequence-top > strong {
    color:
        #e47563;

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        1.7px;
}


.dashboard-limitation-consequence h3 {
    margin-top:
        16px;

    color:
        var(--cream);

    font-size:
        35px;

    font-weight:
        normal;
}


.dashboard-limitation-consequence > p {
    margin-top:
        9px;

    color:
        rgba(241, 221, 194, .58);

    font-family:
        Arial,
        sans-serif;

    font-size:
        9px;

    line-height:
        1.7;
}


.dashboard-limitation-consequence-source {
    margin-top:
        17px;

    padding:
        13px;

    border:
        1px solid rgba(228, 117, 99, .25);
}


.dashboard-limitation-consequence-source strong {
    display:
        block;

    margin-top:
        6px;

    color:
        var(--cream);

    font-size:
        16px;

    font-weight:
        normal;
}


.dashboard-limitation-roll-result {
    margin-top:
        16px;

    width:
        86px;

    height:
        86px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid rgba(228, 117, 99, .55);
}


.dashboard-limitation-roll-result span {
    color:
        #e47563;

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    letter-spacing:
        1px;
}


.dashboard-limitation-roll-result strong {
    color:
        var(--cream);

    font-size:
        32px;

    font-weight:
        normal;
}


.dashboard-limitation-turn-required {
    margin-top:
        15px;

    padding:
        12px;

    border:
        1px solid rgba(228, 117, 99, .35);

    color:
        #e47563;

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        1px;
}


.dashboard-limitation-consequence button {
    margin-top:
        16px;

    background:
        transparent;

    border-color:
        rgba(228, 117, 99, .5);
}


/* ========================================
   ALERTA GLOBAL NO LOGIN
======================================== */

.dashboard-limitation-global-alert {
    position:
        fixed;

    inset:
        0;

    z-index:
        999999;

    display:
        grid;

    place-items:
        center;

    padding:
        24px;

    background:
        rgba(4, 10, 13, .84);

    backdrop-filter:
        blur(6px);
}


.dashboard-limitation-global-alert[hidden] {
    display:
        none;
}


.dashboard-limitation-global-alert-card {
    width:
        min(650px, 100%);

    padding:
        clamp(28px, 5vw, 48px);

    border:
        1px solid rgba(211, 64, 48, .9);

    background:
        #201312;

    box-shadow:
        0 24px 90px rgba(0, 0, 0, .45);
}


.dashboard-limitation-global-alert-card > span {
    color:
        #e47563;

    font-family:
        Arial,
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        3px;
}


.dashboard-limitation-global-alert-card h2 {
    margin-top:
        14px;

    color:
        #f5e2d2;

    font-size:
        clamp(38px, 6vw, 62px);

    font-weight:
        normal;

    line-height:
        .98;
}


.dashboard-limitation-global-alert-card p {
    margin-top:
        17px;

    color:
        rgba(245, 226, 210, .62);

    font-family:
        Arial,
        sans-serif;

    font-size:
        10px;

    line-height:
        1.8;
}


.dashboard-limitation-global-alert-card button {
    width:
        100%;

    min-height:
        50px;

    margin-top:
        24px;

    padding:
        0 16px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    border:
        1px solid #c94b3d;

    background:
        #a52f25;

    color:
        #fff2e8;

    font-family:
        Arial,
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        1.4px;

    cursor:
        pointer;
}


/* ========================================
   HISTÓRICO PLAYER
======================================== */

.dashboard-limitations-history {
    margin-top:
        42px;

    padding-top:
        30px;

    border-top:
        1px solid rgba(241, 221, 194, .12);
}


.dashboard-limitations-history h3 {
    margin-top:
        8px;

    color:
        var(--cream);

    font-size:
        31px;

    font-weight:
        normal;
}


.dashboard-limitations-history-grid {
    margin-top:
        18px;

    display:
        grid;

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

    gap:
        9px;
}


.dashboard-limitations-history-grid article {
    padding:
        15px;

    border:
        1px solid rgba(241, 221, 194, .12);
}


.dashboard-limitations-history-grid span {
    color:
        var(--sand);

    font-family:
        Arial,
        sans-serif;

    font-size:
        6px;

    letter-spacing:
        1.3px;
}


.dashboard-limitations-history-grid strong {
    display:
        block;

    margin-top:
        7px;

    color:
        var(--cream);

    font-size:
        16px;

    font-weight:
        normal;
}


.dashboard-limitations-history-grid p {
    margin-top:
        5px;

    color:
        rgba(241, 221, 194, .45);

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;

    line-height:
        1.6;
}


.dashboard-limitations-empty {
    padding:
        32px;

    border:
        1px solid rgba(241, 221, 194, .12);

    color:
        rgba(241, 221, 194, .46);

    font-family:
        Arial,
        sans-serif;

    font-size:
        9px;

    text-align:
        center;
}


/* ========================================
   ADMIN — ABA 10 LIMITAÇÕES
======================================== */

.admin-limitations {
    width:
        min(1320px, calc(100% - 48px));

    margin:
        50px auto 100px;

    color:
        var(--cream);
}


.admin-limitations-heading > span {
    color:
        var(--sand);

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        4px;
}


.admin-limitations-heading h2 {
    margin-top:
        10px;

    color:
        var(--cream);

    font-size:
        clamp(54px, 7vw, 90px);

    font-weight:
        normal;

    line-height:
        .94;
}


.admin-limitations-heading p {
    max-width:
        780px;

    margin-top:
        14px;

    color:
        rgba(241, 221, 194, .5);

    font-family:
        Arial,
        sans-serif;

    font-size:
        10px;

    line-height:
        1.8;
}


.admin-limitations-summary {
    margin-top:
        34px;

    display:
        grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    border:
        1px solid rgba(223, 192, 155, .15);
}


.admin-limitations-summary article {
    min-height:
        128px;

    padding:
        20px;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        space-between;

    border-right:
        1px solid rgba(223, 192, 155, .13);
}


.admin-limitations-summary article:last-child {
    border-right:
        0;
}


.admin-limitations-summary span,
.admin-limitations-tools label > span,
.admin-limitations-settings label > span {
    color:
        var(--sand);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    letter-spacing:
        1.8px;
}


.admin-limitations-summary strong {
    color:
        var(--cream);

    font-size:
        36px;

    font-weight:
        normal;
}


.admin-limitations-summary p {
    color:
        rgba(241, 221, 194, .4);

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;
}


.admin-limitations-tools {
    margin-top:
        18px;
}


.admin-limitations-tools label {
    display:
        grid;

    gap:
        8px;
}


.admin-limitations-tools input {
    min-height:
        48px;

    padding:
        0 13px;

    border:
        1px solid rgba(223, 192, 155, .16);

    background:
        rgba(7, 27, 33, .58);

    color:
        var(--cream);
}


.admin-limitations-tabs {
    margin-top:
        24px;

    display:
        grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    border:
        1px solid rgba(223, 192, 155, .16);
}


.admin-limitations-tabs button {
    min-height:
        60px;

    padding:
        10px;

    border:
        0;

    border-right:
        1px solid rgba(223, 192, 155, .13);

    background:
        transparent;

    color:
        rgba(241, 221, 194, .5);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        1.2px;

    cursor:
        pointer;
}


.admin-limitations-tabs button:last-child {
    border-right:
        0;
}


.admin-limitations-tabs button.active {
    background:
        var(--terracotta);

    color:
        var(--cream);
}


.admin-limitations-view {
    padding-top:
        24px;
}


.admin-limitations-grid {
    display:
        grid;

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

    gap:
        14px;
}


.admin-limitation-card,
.admin-limitation-consequence-card {
    padding:
        23px;

    border:
        1px solid rgba(223, 192, 155, .15);

    background:
        rgba(7, 27, 33, .4);
}


.admin-limitation-card.attention {
    border-color:
        rgba(223, 160, 108, .38);
}


.admin-limitation-consequence-card {
    border-color:
        rgba(187, 55, 42, .48);
}


.admin-limitation-card-top {
    display:
        flex;

    justify-content:
        space-between;

    gap:
        12px;

    color:
        var(--sand);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    letter-spacing:
        1.4px;
}


.admin-limitation-card h4,
.admin-limitation-consequence-card h4 {
    margin-top:
        15px;

    color:
        var(--cream);

    font-size:
        28px;

    font-weight:
        normal;
}


.admin-limitation-type {
    margin-top:
        6px;

    color:
        var(--sand);

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;

    letter-spacing:
        1px;
}


.admin-limitation-card blockquote {
    margin:
        14px 0 0;

    padding:
        12px;

    border-left:
        2px solid var(--rust);

    color:
        rgba(241, 221, 194, .52);

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;

    line-height:
        1.6;
}


.admin-limitation-deadline,
.admin-limitation-consequence-reason {
    margin-top:
        16px;

    padding:
        13px;

    border:
        1px solid rgba(223, 192, 155, .12);
}


.admin-limitation-deadline span,
.admin-limitation-consequence-reason span {
    color:
        rgba(241, 221, 194, .4);

    font-family:
        Arial,
        sans-serif;

    font-size:
        6px;

    letter-spacing:
        1.2px;
}


.admin-limitation-deadline strong,
.admin-limitation-consequence-reason strong {
    display:
        block;

    margin-top:
        5px;

    color:
        var(--cream);

    font-size:
        16px;

    font-weight:
        normal;
}


.admin-limitation-consequence-reason small {
    display:
        block;

    margin-top:
        5px;

    color:
        rgba(241, 221, 194, .42);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;
}


.admin-limitation-checks {
    margin-top:
        12px;

    display:
        grid;

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

    gap:
        7px;
}


.admin-limitation-checks > div {
    padding:
        11px;

    border:
        1px solid rgba(223, 192, 155, .11);
}


.admin-limitation-checks > div.done {
    border-color:
        rgba(223, 160, 108, .32);
}


.admin-limitation-checks span {
    color:
        rgba(241, 221, 194, .38);

    font-family:
        Arial,
        sans-serif;

    font-size:
        6px;

    letter-spacing:
        1px;
}


.admin-limitation-checks strong {
    display:
        block;

    margin-top:
        5px;

    color:
        var(--cream);

    font-size:
        13px;

    font-weight:
        normal;
}


.admin-limitation-card-actions {
    margin-top:
        17px;

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px;
}


.admin-limitation-card-actions button {
    min-height:
        42px;

    padding:
        0 12px;

    border:
        1px solid rgba(223, 160, 108, .36);

    background:
        transparent;

    color:
        var(--cream);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        1px;

    cursor:
        pointer;
}


.admin-limitation-card-actions button:first-child,
.admin-limitation-card-actions button.danger {
    background:
        var(--rust);
}


.admin-limitation-dice-result {
    width:
        86px;

    height:
        86px;

    margin-top:
        16px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid rgba(213, 82, 64, .55);
}


.admin-limitation-dice-result span {
    color:
        #e47563;

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;
}


.admin-limitation-dice-result strong {
    color:
        var(--cream);

    font-size:
        32px;

    font-weight:
        normal;
}


.admin-limitation-episode-text {
    margin-top:
        14px;

    color:
        rgba(241, 221, 194, .52);

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;

    line-height:
        1.7;
}


/* ========================================
   ADMIN HISTÓRICO
======================================== */

.admin-limitations-history-list {
    display:
        grid;

    gap:
        8px;
}


.admin-limitations-history-list article {
    padding:
        15px;

    display:
        grid;

    grid-template-columns:
        minmax(220px, .7fr)
        1.3fr;

    gap:
        20px;

    border:
        1px solid rgba(223, 192, 155, .12);
}


.admin-limitations-history-list span {
    color:
        var(--sand);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    letter-spacing:
        1.2px;
}


.admin-limitations-history-list strong {
    display:
        block;

    margin-top:
        5px;

    color:
        var(--cream);

    font-size:
        15px;

    font-weight:
        normal;
}


.admin-limitations-history-list p {
    color:
        rgba(241, 221, 194, .48);

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;

    line-height:
        1.6;
}


.admin-limitations-empty {
    grid-column:
        1 / -1;

    padding:
        36px;

    border:
        1px solid rgba(223, 192, 155, .12);

    color:
        rgba(241, 221, 194, .42);

    font-family:
        Arial,
        sans-serif;

    font-size:
        9px;

    text-align:
        center;
}


/* ========================================
   ADMIN CONFIGURAÇÕES
======================================== */

.admin-limitations-settings {
    max-width:
        820px;

    display:
        grid;

    gap:
        12px;
}


.admin-limitations-settings label {
    padding:
        17px;

    display:
        grid;

    grid-template-columns:
        1fr auto;

    gap:
        20px;

    align-items:
        center;

    border:
        1px solid rgba(223, 192, 155, .13);
}


.admin-limitations-settings label > div {
    display:
        flex;

    align-items:
        center;

    gap:
        8px;
}


.admin-limitations-settings input {
    width:
        120px;

    min-height:
        43px;

    padding:
        0 10px;

    border:
        1px solid rgba(223, 192, 155, .16);

    background:
        rgba(7, 27, 33, .58);

    color:
        var(--cream);
}


.admin-limitations-settings small {
    color:
        rgba(241, 221, 194, .45);

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;
}


.admin-limitations-settings > button {
    min-height:
        48px;

    padding:
        0 15px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    border:
        1px solid var(--rust);

    background:
        var(--rust);

    color:
        var(--cream);

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        1px;

    cursor:
        pointer;
}


/* ========================================
   RESPONSIVO
======================================== */

@media (max-width: 980px) {

    .admin-limitations-summary {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .admin-limitations-tabs {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }


    .admin-limitations-grid {
        grid-template-columns:
            1fr;
    }

}


@media (max-width: 680px) {

    .dashboard-limitations {
        padding:
            48px 18px 72px;
    }


    .dashboard-limitations-heading {
        align-items:
            flex-start;

        flex-direction:
            column;
    }


    .dashboard-limitation-current-meta,
    .dashboard-limitation-checklist,
    .dashboard-limitations-actions,
    .dashboard-limitations-history-grid,
    .admin-limitations-summary,
    .admin-limitations-tabs,
    .admin-limitation-checks,
    .admin-limitations-history-list article,
    .admin-limitations-settings label {
        grid-template-columns:
            1fr;
    }


    .admin-limitations {
        width:
            min(100% - 28px, 1320px);
    }

}


/* ========================================
   PERFIL DE LIMITAÇÃO — SINCRONIZAÇÃO
======================================== */

.dashboard-limitation-profile-notice {
    margin-top:
        16px;

    padding:
        12px 14px;

    border:
        1px solid rgba(223, 160, 108, .22);

    background:
        rgba(223, 160, 108, .05);
}


.dashboard-limitation-profile-notice > span {
    color:
        var(--sand);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        1.6px;
}


.dashboard-limitation-profile-notice > p {
    margin-top:
        5px;

    color:
        rgba(241, 221, 194, .52);

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;

    line-height:
        1.6;
}


/* ========================================
   ADMIN — CONTRASTE DE LEITURA
   VÍCIOS & LIMITAÇÕES
======================================== */

.admin-limitations {
    color: #17323d;
}

.admin-limitations-heading h2,
.admin-limitations-summary strong,
.admin-limitation-card h4,
.admin-limitation-consequence-card h4,
.admin-limitation-deadline strong,
.admin-limitation-consequence-reason strong,
.admin-limitation-checks strong,
.admin-limitation-dice-result strong,
.admin-limitations-history-list strong,
.admin-limitations-settings > button,
.admin-limitations-empty {
    color: #17323d;
}

.admin-limitations-heading p,
.admin-limitations-summary p,
.admin-limitation-card blockquote,
.admin-limitation-episode-text,
.admin-limitations-history-list p,
.admin-limitations-empty,
.admin-limitations-settings small,
.admin-limitation-consequence-reason small {
    color: rgba(23, 50, 61, .78);
}

.admin-limitations-heading > span,
.admin-limitations-summary span,
.admin-limitations-tools label > span,
.admin-limitations-settings label > span,
.admin-limitation-card-top,
.admin-limitation-type,
.admin-limitation-deadline span,
.admin-limitation-consequence-reason span,
.admin-limitation-checks span,
.admin-limitations-history-list span,
.admin-limitation-dice-result span {
    color: #8c4d2b;
}

.admin-limitations-tools input,
.admin-limitations-settings input {
    background: rgba(255, 248, 240, .72);
    color: #17323d;
    border-color: rgba(140, 77, 43, .28);
}

.admin-limitations-tools input::placeholder,
.admin-limitations-settings input::placeholder {
    color: rgba(23, 50, 61, .55);
}

.admin-limitations-tabs button {
    color: rgba(23, 50, 61, .72);
}

.admin-limitations-tabs button.active,
.admin-limitations-settings > button,
.admin-limitation-card-actions button:first-child,
.admin-limitation-card-actions button.danger {
    color: #f1ddc2;
}

.admin-limitation-card,
.admin-limitation-consequence-card,
.admin-limitations-summary,
.admin-limitations-tabs,
.admin-limitations-history-list article,
.admin-limitations-settings label,
.admin-limitations-empty,
.admin-limitation-deadline,
.admin-limitation-consequence-reason,
.admin-limitation-checks > div {
    background: rgba(255, 248, 240, .18);
}

/* ========================================
   TEXAS LEGACIES — CONSEQUÊNCIAS V2
   2026-08-14
======================================== */

.admin-limitations-tabs {
    grid-template-columns:
        repeat(7, minmax(0, 1fr));
}

.admin-limitation-card.overdue {
    border-color:
        rgba(168, 70, 34, .62);

    box-shadow:
        inset 4px 0 0
        rgba(168, 70, 34, .78);
}

.admin-limitation-overdue {
    margin-top:
        16px;

    padding:
        15px;

    border:
        1px solid
        rgba(168, 70, 34, .36);

    background:
        rgba(168, 70, 34, .07);
}

.admin-limitation-overdue > div:first-child > span,
.admin-limitation-block-label,
.admin-limitation-modifiers > span,
.admin-limitation-catalog-requirements > span,
.admin-limitation-catalog-modifiers > span,
.admin-limitation-consequence-definition > span,
.admin-limitation-recurrence-preview > span,
.admin-limitation-catalog-version > span {
    color:
        #8c4d2b;

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        1.4px;
}

.admin-limitation-overdue > div:first-child > strong {
    display:
        block;

    margin-top:
        7px;

    color:
        #17323d;

    font-size:
        17px;

    font-weight:
        normal;
}

.admin-limitation-overdue > div:first-child > small,
.admin-limitation-overdue > p {
    display:
        block;

    margin-top:
        7px;

    color:
        rgba(23, 50, 61, .7);

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;

    line-height:
        1.6;
}

.admin-limitation-overdue-actions {
    margin-top:
        13px;

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;
}

.admin-limitation-overdue-actions button {
    min-height:
        42px;

    padding:
        0 13px;

    border:
        1px solid
        rgba(140, 77, 43, .42);

    background:
        transparent;

    color:
        #17323d;

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        1px;

    cursor:
        pointer;
}

.admin-limitation-overdue-actions button.danger {
    background:
        #a84622;

    color:
        #f1ddc2;
}

.admin-limitation-recurrence-preview,
.dashboard-limitation-recurrence-preview {
    margin-top:
        16px;

    padding:
        13px;

    border:
        1px solid
        rgba(168, 70, 34, .28);
}

.admin-limitation-recurrence-preview strong,
.dashboard-limitation-recurrence-preview strong {
    display:
        block;

    margin-top:
        6px;

    font-size:
        23px;

    font-weight:
        normal;
}

.admin-limitation-recurrence-preview small,
.dashboard-limitation-recurrence-preview small {
    display:
        block;

    margin-top:
        5px;

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    line-height:
        1.55;
}

.admin-limitation-roll-equation,
.dashboard-limitation-roll-equation {
    margin-top:
        16px;

    display:
        flex;

    align-items:
        stretch;

    gap:
        8px;
}

.admin-limitation-roll-equation > article,
.dashboard-limitation-roll-equation > article {
    min-width:
        92px;

    padding:
        12px;

    display:
        grid;

    align-content:
        center;

    gap:
        5px;

    border:
        1px solid
        rgba(168, 70, 34, .3);
}

.admin-limitation-roll-equation > article.final,
.dashboard-limitation-roll-equation > article.final {
    border-color:
        rgba(168, 70, 34, .72);

    background:
        rgba(168, 70, 34, .08);
}

.admin-limitation-roll-equation > article span,
.dashboard-limitation-roll-equation > article span {
    font-family:
        Arial,
        sans-serif;

    font-size:
        6px;

    letter-spacing:
        1px;
}

.admin-limitation-roll-equation > article strong,
.dashboard-limitation-roll-equation > article strong {
    font-size:
        27px;

    font-weight:
        normal;
}

.admin-limitation-roll-equation > b,
.dashboard-limitation-roll-equation > b {
    display:
        grid;

    place-items:
        center;

    font-size:
        20px;

    font-weight:
        normal;
}

.admin-limitation-consequence-definition {
    margin-top:
        16px;

    padding:
        15px;

    border-left:
        3px solid
        #a84622;

    background:
        rgba(168, 70, 34, .055);
}

.admin-limitation-consequence-definition h5 {
    margin-top:
        7px;

    color:
        #17323d;

    font-size:
        23px;

    font-weight:
        normal;
}

.admin-limitation-consequence-definition p {
    margin-top:
        7px;

    color:
        rgba(23, 50, 61, .74);

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;

    line-height:
        1.7;
}

.admin-limitation-modifiers {
    margin-top:
        14px;

    padding:
        13px;

    border:
        1px solid
        rgba(168, 70, 34, .25);
}

.admin-limitation-modifiers > div {
    margin-top:
        8px;

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px;
}

.admin-limitation-modifiers strong {
    padding:
        7px 9px;

    border:
        1px solid
        rgba(168, 70, 34, .24);

    color:
        #8c2f22;

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;
}

.admin-limitation-modifiers.none strong {
    display:
        block;

    margin-top:
        6px;

    border:
        0;

    padding:
        0;

    color:
        rgba(23, 50, 61, .66);
}

.admin-limitation-requirements {
    margin-top:
        16px;
}

.admin-limitation-requirements > article {
    margin-top:
        8px;

    padding:
        13px;

    display:
        grid;

    grid-template-columns:
        1fr auto;

    gap:
        14px;

    align-items:
        center;

    border:
        1px solid
        rgba(140, 77, 43, .2);
}

.admin-limitation-requirements > article.done {
    border-color:
        rgba(90, 115, 82, .4);

    background:
        rgba(90, 115, 82, .06);
}

.admin-limitation-requirements article strong {
    color:
        #17323d;

    font-size:
        14px;

    font-weight:
        normal;
}

.admin-limitation-requirements article p,
.admin-limitation-requirements article small {
    display:
        block;

    margin-top:
        5px;

    color:
        rgba(23, 50, 61, .67);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    line-height:
        1.55;
}

.admin-limitation-requirements article button {
    min-height:
        38px;

    padding:
        0 12px;

    border:
        1px solid
        #a84622;

    background:
        #a84622;

    color:
        #f1ddc2;

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;

    cursor:
        pointer;
}

.admin-limitation-requirements article > b {
    color:
        #617051;

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    letter-spacing:
        1px;
}

.admin-limitation-card-actions button:disabled {
    opacity:
        .46;

    cursor:
        not-allowed;

    background:
        transparent !important;

    color:
        rgba(23, 50, 61, .55) !important;
}

/* ========================================
   TABELA COMPLETA — ADMIN
======================================== */

.admin-limitations-catalog {
    display:
        grid;

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

    gap:
        12px;
}

.admin-limitation-catalog-card {
    padding:
        20px;

    border:
        1px solid
        rgba(140, 77, 43, .22);

    background:
        rgba(255, 248, 240, .18);
}

.admin-limitation-catalog-card.critical {
    border-left:
        4px solid
        #8f2b22;
}

.admin-limitation-catalog-card.grave {
    border-left:
        4px solid
        #a84622;
}

.admin-limitation-catalog-card.moderate {
    border-left:
        4px solid
        #c35b32;
}

.admin-limitation-catalog-card.light {
    border-left:
        4px solid
        #dfa06c;
}

.admin-limitation-catalog-card h4 {
    margin-top:
        13px;

    color:
        #17323d;

    font-size:
        25px;

    font-weight:
        normal;
}

.admin-limitation-catalog-card > p {
    margin-top:
        8px;

    color:
        rgba(23, 50, 61, .72);

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;

    line-height:
        1.65;
}

.admin-limitation-catalog-roll {
    margin-top:
        12px;

    width:
        fit-content;

    padding:
        7px 9px;

    border:
        1px solid
        rgba(140, 77, 43, .25);

    color:
        #8c4d2b;

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;
}

.admin-limitation-catalog-requirements,
.admin-limitation-catalog-modifiers {
    margin-top:
        13px;

    padding-top:
        11px;

    border-top:
        1px solid
        rgba(140, 77, 43, .15);
}

.admin-limitation-catalog-requirements small,
.admin-limitation-catalog-modifiers small {
    display:
        block;

    margin-top:
        5px;

    color:
        rgba(23, 50, 61, .69);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    line-height:
        1.5;
}

.admin-limitations-catalog-version {
    padding:
        17px;

    border:
        1px solid
        rgba(140, 77, 43, .2);
}

.admin-limitations-catalog-version strong {
    display:
        block;

    margin-top:
        7px;

    color:
        #17323d;

    font-size:
        17px;

    font-weight:
        normal;
}

.admin-limitations-catalog-version small {
    display:
        block;

    margin-top:
        5px;
}

/* ========================================
   PLAYER — REQUISITOS E PENALIDADES
======================================== */

.dashboard-limitation-consequence-source small {
    display:
        block;

    margin-top:
        6px;

    color:
        rgba(241, 221, 194, .48);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;
}

.dashboard-limitation-recurrence-preview {
    color:
        var(--cream);
}

.dashboard-limitation-recurrence-preview > span,
.dashboard-limitation-consequence-modifiers > span,
.dashboard-limitation-requirements > span,
.dashboard-limitation-active-modifiers > span {
    color:
        #e47563;

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        1.4px;
}

.dashboard-limitation-roll-equation {
    color:
        var(--cream);
}

.dashboard-limitation-consequence-modifiers {
    margin-top:
        15px;

    padding:
        13px;

    border:
        1px solid
        rgba(228, 117, 99, .28);
}

.dashboard-limitation-consequence-modifiers > div {
    margin-top:
        8px;

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px;
}

.dashboard-limitation-consequence-modifiers strong {
    padding:
        7px 9px;

    border:
        1px solid
        rgba(228, 117, 99, .25);

    color:
        #ffb5a8;

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;
}

.dashboard-limitation-consequence-modifiers.none > strong {
    display:
        block;

    margin-top:
        7px;

    border:
        0;

    padding:
        0;

    color:
        rgba(241, 221, 194, .58);
}

.dashboard-limitation-requirements {
    margin-top:
        15px;
}

.dashboard-limitation-requirements > article {
    margin-top:
        8px;

    padding:
        13px;

    display:
        grid;

    grid-template-columns:
        28px 1fr;

    gap:
        10px;

    border:
        1px solid
        rgba(228, 117, 99, .24);
}

.dashboard-limitation-requirements > article.done {
    border-color:
        rgba(223, 160, 108, .38);

    background:
        rgba(223, 160, 108, .05);
}

.dashboard-limitation-requirements > article > strong {
    color:
        #e47563;

    font-size:
        21px;

    font-weight:
        normal;
}

.dashboard-limitation-requirements article span {
    color:
        var(--cream);

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;
}

.dashboard-limitation-requirements article p,
.dashboard-limitation-requirements article small {
    display:
        block;

    margin-top:
        5px;

    color:
        rgba(241, 221, 194, .52);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    line-height:
        1.55;
}

.dashboard-limitation-active-modifiers {
    margin-top:
        18px;

    padding:
        15px;

    border:
        1px solid
        rgba(228, 117, 99, .35);

    background:
        rgba(168, 70, 34, .055);
}

.dashboard-limitation-active-modifiers > div {
    margin-top:
        10px;

    display:
        grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:
        8px;
}

.dashboard-limitation-active-modifiers article {
    padding:
        11px;

    border:
        1px solid
        rgba(241, 221, 194, .12);
}

.dashboard-limitation-active-modifiers article small {
    color:
        rgba(241, 221, 194, .5);

    font-family:
        Arial,
        sans-serif;

    font-size:
        6px;
}

.dashboard-limitation-active-modifiers article strong {
    display:
        block;

    margin-top:
        5px;

    color:
        var(--cream);

    font-size:
        19px;

    font-weight:
        normal;
}

.dashboard-limitation-active-modifiers article b {
    display:
        block;

    margin-top:
        4px;

    color:
        #e47563;

    font-family:
        Arial,
        sans-serif;

    font-size:
        8px;
}

.dashboard-limitation-active-modifiers > p {
    margin-top:
        10px;

    color:
        rgba(241, 221, 194, .48);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    line-height:
        1.55;
}

@media (max-width: 1100px) {

    .admin-limitations-tabs {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    .admin-limitations-catalog {
        grid-template-columns:
            1fr;
    }

}

@media (max-width: 680px) {

    .admin-limitations-tabs,
    .dashboard-limitation-active-modifiers > div {
        grid-template-columns:
            1fr;
    }

    .admin-limitation-roll-equation,
    .dashboard-limitation-roll-equation {
        flex-wrap:
            wrap;
    }

    .admin-limitation-requirements > article {
        grid-template-columns:
            1fr;
    }

}