/* _content/TioSamV1/Components/Account/Pages/Login.razor.rz.scp.css */
/* --- Login input color overrides (isolated, definitive) --- */
/* Escopo ao componente, alta especificidade e !important para vencer regras globais */
.login-wrap .login-field .login-input[b-vi4t1oug8k],
.login-wrap input.login-input[type="text"][b-vi4t1oug8k],
.login-wrap input.login-input[type="email"][b-vi4t1oug8k],
.login-wrap input.login-input[type="password"][b-vi4t1oug8k] {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

    .login-wrap .login-field .login-input[b-vi4t1oug8k]::placeholder {
        color: rgba(255,255,255,.92) !important;
        opacity: 1 !important;
    }

    .login-wrap .login-field .login-input:focus[b-vi4t1oug8k] {
        background: rgba(255,255,255,.28) !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        caret-color: #fff !important;
    }

    /* Autofill handling (WebKit) */
    .login-wrap .login-field .login-input:-webkit-autofill[b-vi4t1oug8k],
    .login-wrap .login-field .login-input:-webkit-autofill:hover[b-vi4t1oug8k],
    .login-wrap .login-field .login-input:-webkit-autofill:focus[b-vi4t1oug8k] {
        -webkit-text-fill-color: #fff !important;
        caret-color: #fff !important;
        transition: background-color 9999s ease-in-out 0s !important;
        -webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,.20) inset !important;
        box-shadow: 0 0 0px 1000px rgba(255,255,255,.20) inset !important;
        background-clip: content-box !important;
    }

/* Hide native password reveal/clear buttons (Edge/Safari/Chromium variants) only on login page */
.login-wrap input[type="password"][b-vi4t1oug8k]::-ms-reveal,
.login-wrap input[type="password"][b-vi4t1oug8k]::-ms-clear {
    display: none !important;
}

/* Some WebKit variants render extra decoration containers/buttons */
.login-wrap input[type="password"][b-vi4t1oug8k]::-webkit-credentials-auto-fill-button,
.login-wrap input[type="password"][b-vi4t1oug8k]::-webkit-textfield-decoration-container {
    display: none !important;
}

/* Defensive: remove native appearances that could reintroduce icons */
.login-wrap input[type="password"][b-vi4t1oug8k] {
    appearance: none;
    -webkit-appearance: none;
}

.remember-standalone[b-vi4t1oug8k] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    width: min(420px,90%);
    margin: .15rem auto .65rem;
    font-size: .85rem;
    color: #fff;
    cursor: pointer;
    user-select: none;
    margin-top: 30px;
}
/* _content/TioSamV1/Components/Account/Pages/Manage/Index.razor.rz.scp.css */
/* Manage Index scoped styles */
.manage-profile[b-rxbhj1dcza] {}

/* Ajuste para header com logo alinhado ao menu/hamburger */
.manage-profile .brand-header .brand-logo[b-rxbhj1dcza] { margin-left: 56px; }

/* Harmonizar contraste dentro do card desta p�gina como em RolesAdmin */
.manage-profile .content-card[b-rxbhj1dcza] {
    --bs-secondary-color: rgba(255,255,255,.95);
    --bs-secondary-color-rgb: 255,255,255;
}
.manage-profile .content-card .form-control[b-rxbhj1dcza]::placeholder,
.manage-profile .content-card textarea.form-control[b-rxbhj1dcza]::placeholder { color: rgba(255,255,255,.95) !important; opacity: 1; }
.manage-profile .content-card .form-control[b-rxbhj1dcza]::-webkit-input-placeholder,
.manage-profile .content-card textarea.form-control[b-rxbhj1dcza]::-webkit-input-placeholder { color: rgba(255,255,255,.95) !important; }
.manage-profile .content-card .form-control[b-rxbhj1dcza]::-moz-placeholder,
.manage-profile .content-card textarea.form-control[b-rxbhj1dcza]::-moz-placeholder { color: rgba(255,255,255,.95) !important; opacity: 1; }
.manage-profile .content-card .form-control:-ms-input-placeholder[b-rxbhj1dcza],
.manage-profile .content-card textarea.form-control:-ms-input-placeholder[b-rxbhj1dcza] { color: rgba(255,255,255,.95) !important; }
.manage-profile .content-card .form-control[b-rxbhj1dcza]::-ms-input-placeholder,
.manage-profile .content-card textarea.form-control[b-rxbhj1dcza]::-ms-input-placeholder { color: rgba(255,255,255,.95) !important; }
/* _content/TioSamV1/Components/Account/Pages/Register.razor.rz.scp.css */
/* Scoped styles for Register page following project branding */

/* Page layout helpers */
.register-page[b-9gka7pr783] {
    /* give breathing room below header */
    padding-top: .25rem;
}

    /* Ensure all texts are white inside the card, including disabled fieldset */
    .register-page .content-card h1[b-9gka7pr783],
    .register-page .content-card h2[b-9gka7pr783],
    .register-page .content-card h3[b-9gka7pr783],
    .register-page .content-card p[b-9gka7pr783],
    .register-page .content-card label[b-9gka7pr783],
    .register-page .content-card .form-label[b-9gka7pr783],
    .register-page .content-card .text-danger[b-9gka7pr783],
    .register-page .content-card .validation-message[b-9gka7pr783],
    .register-page .content-card .form-check-label[b-9gka7pr783] {
        color: #fff !important;
    }

    /* Inputs/selects appearance aligned with dark theme */
    .register-page .content-card .form-control[b-9gka7pr783],
    .register-page .content-card .form-select[b-9gka7pr783] {
        background: rgba(255,255,255,.08);
        border: 1px solid rgba(255,255,255,.25);
        color: #fff;
        caret-color: #fff;
    }

        .register-page .content-card .form-control:disabled[b-9gka7pr783],
        .register-page .content-card fieldset[disabled] .form-control[b-9gka7pr783],
        .register-page .content-card .form-select:disabled[b-9gka7pr783],
        .register-page .content-card fieldset[disabled] .form-select[b-9gka7pr783] {
            color: rgba(255,255,255,.9);
            -webkit-text-fill-color: rgba(255,255,255,.9);
        }

        /* Focus: subtle white halo */
        .register-page .content-card .form-control:focus[b-9gka7pr783],
        .register-page .content-card .form-select:focus[b-9gka7pr783] {
            border-color: #2fbf71 !important; /* green border on focus */
            box-shadow: 0 0 0 .1rem rgba(47,191,113,.35) !important;
        }

        /* Unified GREEN border when valid/filled (instead of neutral white) */
        .register-page .content-card .form-control.is-valid[b-9gka7pr783],
        .register-page .content-card .form-control:valid[b-9gka7pr783],
        .register-page .content-card .form-select.is-valid[b-9gka7pr783],
        .register-page .content-card .form-select:valid[b-9gka7pr783],
        .register-page .content-card .was-validated .form-control:valid[b-9gka7pr783],
        .register-page .content-card .was-validated .form-select:valid[b-9gka7pr783] {
            border-color: #2fbf71 !important; /* brand green */
            box-shadow: none !important;
            background-image: none !important; /* hide green check icon */
            padding-right: .75rem; /* remove reserved space for validation icon */
        }

            .register-page .content-card .form-control.is-valid:focus[b-9gka7pr783],
            .register-page .content-card .form-control:valid:focus[b-9gka7pr783],
            .register-page .content-card .form-select.is-valid:focus[b-9gka7pr783],
            .register-page .content-card .form-select:valid:focus[b-9gka7pr783],
            .register-page .content-card .was-validated .form-control:valid:focus[b-9gka7pr783],
            .register-page .content-card .was-validated .form-select:valid:focus[b-9gka7pr783] {
                border-color: #2fbf71 !important;
                box-shadow: 0 0 0 .1rem rgba(47,191,113,.35) !important;
            }

    /* Consider a field as filled when it has text (floating input) */
    .register-page .content-card .form-floating > .form-control:not(:placeholder-shown)[b-9gka7pr783] {
        border-color: #2fbf71 !important;
    }

    /* Invalid state tuned for dark bg (keep clear feedback) */
    .register-page .content-card .form-control.is-invalid[b-9gka7pr783],
    .register-page .content-card .form-control:invalid[b-9gka7pr783],
    .register-page .content-card .form-select.is-invalid[b-9gka7pr783],
    .register-page .content-card .form-select:invalid[b-9gka7pr783],
    .register-page .content-card .was-validated .form-control:invalid[b-9gka7pr783],
    .register-page .content-card .was-validated .form-select:invalid[b-9gka7pr783] {
        border-color: #ff6b6b !important; /* soft red */
    }

        .register-page .content-card .form-control.is-invalid:focus[b-9gka7pr783],
        .register-page .content-card .form-control:invalid:focus[b-9gka7pr783],
        .register-page .content-card .form-select.is-invalid:focus[b-9gka7pr783],
        .register-page .content-card .form-select:invalid:focus[b-9gka7pr783] {
            box-shadow: 0 0 0 .1rem rgba(255, 107, 107, .35) !important;
        }

    /* Floating labels: ensure white text and no white label background on focus */
    .register-page .content-card .form-floating > .form-control[b-9gka7pr783]::placeholder {
        color: rgba(255,255,255,.85);
        opacity: 1;
    }

    .register-page .content-card .form-floating > label[b-9gka7pr783] {
        color: rgba(255,255,255,.9);
        background-color: transparent !important;
    }
    /* When floating (focused or has value) keep label readable and transparent */
    .register-page .content-card .form-floating > .form-control:focus ~ label[b-9gka7pr783],
    .register-page .content-card .form-floating > .form-control:not(:placeholder-shown) ~ label[b-9gka7pr783],
    .register-page .content-card .form-floating > .form-select ~ label[b-9gka7pr783] {
        color: rgba(255,255,255,.9) !important;
        background-color: transparent !important;
    }
    /* Remove Bootstrap label overlay background */
    .register-page .content-card .form-floating > label[b-9gka7pr783]::after {
        background-color: transparent !important;
    }

    /* Make the select dropdown list readable */
    .register-page .content-card .form-select option[b-9gka7pr783] {
        color: #111 !important;
        background: #fff !important;
    }

    /* Checkbox colors aligned with theme (avoid green focus/border) */
    .register-page .content-card .form-check-input[b-9gka7pr783] {
        border-color: rgba(255,255,255,.5);
        background-color: transparent;
    }

        .register-page .content-card .form-check-input:focus[b-9gka7pr783] {
            border-color: #fff !important;
            box-shadow: 0 0 0 .1rem rgba(255,255,255,.25) !important;
        }

        .register-page .content-card .form-check-input:checked[b-9gka7pr783] {
            background-color: var(--brand-card2);
            border-color: #fff !important;
        }

    /* Submit button aligned to branding */
    .register-page .content-card .btn-primary[b-9gka7pr783] {
        background: var(--brand-card2);
        border-color: rgba(255,255,255,.35);
    }

        .register-page .content-card .btn-primary:hover[b-9gka7pr783] {
            background: var(--brand-card1);
        }

    /* Secondary column card fill height */
    .register-page .content-card.h-100[b-9gka7pr783] {
        height: 100%;
    }

    /* Card max width for better focus on large screens (safety if markup changes) */
    .register-page .content-card[b-9gka7pr783] {
        max-width: 880px;
        margin-inline: auto;
    }

        /* Autofill fixes (Chrome/Edge/Safari) to prevent white/yellow background and keep text white) */
        .register-page .content-card input:-webkit-autofill[b-9gka7pr783],
        .register-page .content-card input:-webkit-autofill:hover[b-9gka7pr783],
        .register-page .content-card input:-webkit-autofill:focus[b-9gka7pr783],
        .register-page .content-card input:autofill[b-9gka7pr783],
        .register-page .content-card textarea:-webkit-autofill[b-9gka7pr783],
        .register-page .content-card select:-webkit-autofill[b-9gka7pr783] {
            -webkit-text-fill-color: #fff !important;
            caret-color: #fff;
            transition: background-color 9999s ease-in-out 0s; /* prevent flash */
            -webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,.08) inset !important;
            box-shadow: 0 0 0px 1000px rgba(255,255,255,.08) inset !important;
            border-color: #2fbf71 !important; /* make autofilled fields green as well */
        }

/* Firefox autofill */
@-moz-document url-prefix() {
    .register-page .content-card input:-moz-ui-valid[b-9gka7pr783],
    .register-page .content-card input:-moz-ui-invalid[b-9gka7pr783] {
        background-color: rgba(255,255,255,.08) !important;
        color: #fff !important;
    }
}

/* Hide legacy Edge clear/reveal icons which can appear as white blocks */
.register-page .content-card input[b-9gka7pr783]::-ms-reveal,
.register-page .content-card input[b-9gka7pr783]::-ms-clear {
    display: none;
}

/* Ensure placeholder text is always white-ish */
.register-page .content-card [b-9gka7pr783]::placeholder {
    color: rgba(255,255,255,.85);
    opacity: 1;
}
/* _content/TioSamV1/Components/Account/Shared/ManageLayout.razor.rz.scp.css */
/* Manage scoped styles (layout-level) */

.manage-area[b-158i15uklf] {
    --header-grad1: #4a251d;
    --header-grad2: #5a2f24;
}

.manage-area .brand-header[b-158i15uklf] {
    background: linear-gradient(180deg,var(--header-grad1),var(--header-grad2));
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0 6px 22px -8px rgba(0,0,0,.55);
    position: relative;
    padding-bottom: .85rem;
}

.manage-area .brand-header[b-158i15uklf]:after {
    content: "";
    position: absolute;
    left: 2rem;
    right: 2rem;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
}

.manage-area .brand-identity[b-158i15uklf] { padding-left: 64px; position: relative; }

.manage-area .brand-logo-frame[b-158i15uklf] {
    display: flex;
    align-items: center;
    padding: .55rem .85rem;
    border-radius: 1.1rem;
    background: rgba(20,15,15,.5);
    backdrop-filter: blur(8px) saturate(150%);
    -webkit-backdrop-filter: blur(8px) saturate(150%);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 6px 16px -8px rgba(0,0,0,.7), 0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.25);
}

.manage-area .brand-logo-frame .brand-logo[b-158i15uklf] { height: 64px; width: auto; filter: brightness(1.45) contrast(1.25) saturate(1.25) drop-shadow(0 3px 10px rgba(0,0,0,.75)); transition: filter .25s; }
.manage-area .brand-logo-frame:hover .brand-logo[b-158i15uklf] { filter: brightness(1.55) contrast(1.3) saturate(1.3) drop-shadow(0 4px 12px rgba(0,0,0,.8)); }

@media (max-width: 780px) { .manage-area .brand-logo-frame .brand-logo[b-158i15uklf] { height: 54px; } }
@media (max-width: 520px) {
    .manage-area .brand-identity[b-158i15uklf] { padding-left: 50px; }
    .manage-area .brand-logo-frame[b-158i15uklf] { padding: .45rem .7rem; }
    .manage-area .brand-logo-frame .brand-logo[b-158i15uklf] { height: 50px; }
}
/* _content/TioSamV1/Components/Layout/MainLayout.razor.rz.scp.css */
/* SR-only checkbox but accessible for label toggling */
.sr-only[b-jakpok8fga] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

    /* Checkbox-driven overlay menu */
    .sr-only:checked ~ .page .sidebar.overlay[b-jakpok8fga] {
        transform: translateX(0);
    }

    .sr-only:checked ~ .scrim[b-jakpok8fga] {
        opacity: 1;
        pointer-events: auto;
    }

.page[b-jakpok8fga] {
    position: relative;
    display: block;
}

/* Top-left toggle button (hamburger) */
.nav-toggle[b-jakpok8fga] {
    position: fixed;
    top: 1rem;
    left: .6rem;
    z-index: 2000;
    width: 40px;
    height: 36px;
    border-radius: .5rem;
    border: 1px solid rgba(255,255,255,.35);
    background: rgba(255,255,255,.12);
    color: #fff;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,.25);
    cursor: pointer;
}

    .nav-toggle .bar[b-jakpok8fga] {
        width: 22px;
        height: 2px;
        background: #fff;
        display: block;
    }

    .nav-toggle:hover[b-jakpok8fga] {
        background: rgba(255,255,255,.18);
    }

/* Sidebar overlays the page */
.sidebar.overlay[b-jakpok8fga] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 260px;
    transform: translateX(-100%);
    transition: transform .25s ease;
    z-index: 1999;
    background: linear-gradient(180deg,var(--brand-card1),var(--brand-card2));
    border-right: 1px solid rgba(0,0,0,.12);
    box-shadow: 4px 0 20px rgba(0,0,0,.35);
}

/* Scrim hidden by default */
.scrim[b-jakpok8fga] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.35);
    z-index: 1500;
    opacity: 0;
    pointer-events: none;
}

/* Main content should not be pushed (overlay) */
main[b-jakpok8fga] {
    position: relative;
    z-index: 1;
}

.top-row[b-jakpok8fga] {
    display: none !important;
}

article.content[b-jakpok8fga] {
    padding-top: 0 !important;
}
/* _content/TioSamV1/Components/Layout/NavMenu.razor.rz.scp.css */
:root[b-i7yf3heamc] {
    --side-bg1: var(--brand-bg1);
    --side-bg2: #b88f7a;
}

.brand-sidebar-header[b-i7yf3heamc] {
    background: linear-gradient(180deg,var(--brand-card1),var(--brand-card2));
    border-bottom: 1px solid rgba(0,0,0,.12);
    min-height: 44px;
}

.side-logo[b-i7yf3heamc] {
    height: 28px;
    width: auto;
}

.navbar-toggler[b-i7yf3heamc] {
    display:none;
    appearance: none;
    cursor: pointer;
    width: 3rem;
    height: 2.25rem;
    color: white;
    position: absolute;
    top: 0.4rem;
    right: .75rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.5rem rgba(255, 255, 255, 0.18);
}

.navbar-toggler:checked[b-i7yf3heamc] {
    background-color: rgba(255, 255, 255, 0.3);
}

.top-row[b-i7yf3heamc] {
    min-height: 3rem;
    background: transparent;
}

.navbar-brand[b-i7yf3heamc] {
    font-size: 1rem;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.25);
}

.bi[b-i7yf3heamc] {
    width: 1.1rem;
    height: 1.1rem;
    margin-right: .6rem;
    filter: brightness(0) invert(1);
    background-size: cover;
}

/* Sidebar background */
.nav-scrollable[b-i7yf3heamc] {
    background: linear-gradient(180deg,var(--brand-card1),var(--brand-card2));
}

.nav-item[b-i7yf3heamc] {
    font-size: .95rem;
    padding-bottom: .15rem;
}

    .nav-item:first-of-type[b-i7yf3heamc] {
        padding-top: .5rem;
    }

    .nav-item:last-of-type[b-i7yf3heamc] {
        padding-bottom: .75rem;
    }

    .nav-item[b-i7yf3heamc]  .nav-link {
        color: #fff;
        background: none;
        border: none;
        border-radius: .5rem;
        height: 2.4rem;
        display: flex;
        align-items: center;
        line-height: 2.4rem;
        width: 100%;
        padding-left: .2rem;
    }

.nav-item-admin[b-i7yf3heamc]  {
    color: #fff;
}

.nav-item[b-i7yf3heamc]  a.active {
    background-color: rgba(255,255,255,0.14);
    color: #fff;
}

.nav-item[b-i7yf3heamc]  .nav-link:hover {
    background-color: rgba(255,255,255,0.08);
    color: #fff;
}

/* Keep scroll on tall menus */
.navbar-toggler:checked ~ .nav-scrollable[b-i7yf3heamc] {
    display: block;
}
@media (min-width: 641px) {
    .nav-scrollable[b-i7yf3heamc] {
        display: block;
        height: calc(100vh - 44px);
        overflow-y: auto;
    }
}

/* Icons (data URIs unchanged) */
.bi-house-door-fill-nav-menu[b-i7yf3heamc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-i7yf3heamc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-i7yf3heamc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-columns-gap' viewBox='0 0 16 16'%3E%3Cpath d='M6 1v14H1.5A1.5 1.5 0 0 1 0 13.5v-11A1.5 1.5 0 0 1 1.5 1H6zm1 14h7.5A1.5 1.5 0 0 0 16 13.5v-11A1.5 1.5 0 0 0 14.5 1H7v14z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-i7yf3heamc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-lock' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-i7yf3heamc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-i7yf3heamc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-i7yf3heamc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-i7yf3heamc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 1 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

/* New: icon for Users & Roles link */
.bi-people-fill-nav-menu[b-i7yf3heamc] {
    /* Use a person-fill as fallback (single person silhouette) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-people-fill' viewBox='0 0 16 16'%3E%3Cpath d='M13 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7z'/%3E%3Cpath d='M5.216 14A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216z'/%3E%3Cpath d='M4.5 8a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");
}
/* _content/TioSamV1/Components/Pages/Admin/NpsAdmin.razor.rz.scp.css */
/* NpsAdmin scoped styles (component-level) */

/* Root variables to mirror Index header theme */
.nps-admin[b-170y8fau3m] {
    --header-grad1: #4a251d;
    --header-grad2: #5a2f24;
}

/* Header styling to match Index (gradient background, rounded corners, shadow) */
.nps-admin .brand-header[b-170y8fau3m] {
    background: linear-gradient(180deg,var(--header-grad1),var(--header-grad2));
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0 6px 22px -8px rgba(0,0,0,.55);
    position: relative;
    padding-bottom: .85rem;
}

.nps-admin .brand-header[b-170y8fau3m]:after {
    content: "";
    position: absolute;
    left: 2rem;
    right: 2rem;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
}

/* Brand identity spacing and logo treatment (same as Index) */
.nps-admin .brand-identity[b-170y8fau3m] {
    padding-left: 64px;
    position: relative;
}

.nps-admin .brand-logo-frame[b-170y8fau3m] {
    display: flex;
    align-items: center;
    padding: .55rem .85rem;
    border-radius: 1.1rem;
    background: rgba(20,15,15,.5);
    backdrop-filter: blur(8px) saturate(150%);
    -webkit-backdrop-filter: blur(8px) saturate(150%);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 6px 16px -8px rgba(0,0,0,.7), 0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.25);
}

.nps-admin .brand-logo-frame .brand-logo[b-170y8fau3m] {
    height: 64px;
    width: auto;
    filter: brightness(1.45) contrast(1.25) saturate(1.25) drop-shadow(0 3px 10px rgba(0,0,0,.75));
    transition: filter .25s;
}

.nps-admin .brand-logo-frame:hover .brand-logo[b-170y8fau3m] {
    filter: brightness(1.55) contrast(1.3) saturate(1.3) drop-shadow(0 4px 12px rgba(0,0,0,.8));
}

@media (max-width: 780px) {
    .nps-admin .brand-logo-frame .brand-logo[b-170y8fau3m] {
        height: 54px;
    }
}

@media (max-width: 520px) {
    .nps-admin .brand-identity[b-170y8fau3m] {
        padding-left: 50px;
    }
    .nps-admin .brand-logo-frame[b-170y8fau3m] {
        padding: .45rem .7rem;
    }
    .nps-admin .brand-logo-frame .brand-logo[b-170y8fau3m] {
        height: 50px;
    }
}

/* Width constraint for comment column in this page table */
.nps-admin .comment-col[b-170y8fau3m] {
    max-width: 360px;
}

/* Placeholder color fixes scoped to the import card */
.nps-admin .content-card[b-170y8fau3m] {
    --bs-secondary-color: rgba(255,255,255,.95);
    --bs-secondary-color-rgb: 255,255,255;
}

.nps-admin .content-card .form-control.form-control[b-170y8fau3m]::placeholder,
.nps-admin .content-card textarea.form-control[b-170y8fau3m]::placeholder {
    color: rgba(255,255,255,.95) !important;
    opacity: 1;
}

.nps-admin .content-card .form-control.form-control[b-170y8fau3m]::-webkit-input-placeholder,
.nps-admin .content-card textarea.form-control[b-170y8fau3m]::-webkit-input-placeholder {
    color: rgba(255,255,255,.95) !important;
}

.nps-admin .content-card .form-control.form-control[b-170y8fau3m]::-moz-placeholder,
.nps-admin .content-card textarea.form-control[b-170y8fau3m]::-moz-placeholder {
    color: rgba(255,255,255,.95) !important;
    opacity: 1;
}

.nps-admin .content-card .form-control.form-control:-ms-input-placeholder[b-170y8fau3m],
.nps-admin .content-card textarea.form-control:-ms-input-placeholder[b-170y8fau3m] {
    color: rgba(255,255,255,.95) !important;
}

.nps-admin .content-card .form-control.form-control[b-170y8fau3m]::-ms-input-placeholder,
.nps-admin .content-card textarea.form-control[b-170y8fau3m]::-ms-input-placeholder {
    color: rgba(255,255,255,.95) !important;
}
/* _content/TioSamV1/Components/Pages/Admin/ProcessoAdmin.razor.rz.scp.css */
/* ProcessoAdmin scoped styles (component-level) */

/* Adopt Index/NpsAdmin header visuals */
.proc-admin[b-3y8x00c65h] {
    --header-grad1: #4a251d;
    --header-grad2: #5a2f24;
}

.proc-admin .brand-header[b-3y8x00c65h] {
    background: linear-gradient(180deg,var(--header-grad1),var(--header-grad2));
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0 6px 22px -8px rgba(0,0,0,.55);
    position: relative;
    padding-bottom: .85rem;
}

.proc-admin .brand-header[b-3y8x00c65h]:after {
    content: "";
    position: absolute;
    left: 2rem;
    right: 2rem;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
}

.proc-admin .brand-identity[b-3y8x00c65h] { padding-left: 64px; position: relative; }

.proc-admin .brand-logo-frame[b-3y8x00c65h] {
    display: flex;
    align-items: center;
    padding: .55rem .85rem;
    border-radius: 1.1rem;
    background: rgba(20,15,15,.5);
    backdrop-filter: blur(8px) saturate(150%);
    -webkit-backdrop-filter: blur(8px) saturate(150%);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 6px 16px -8px rgba(0,0,0,.7), 0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.25);
}

.proc-admin .brand-logo-frame .brand-logo[b-3y8x00c65h] { height: 64px; width: auto; filter: brightness(1.45) contrast(1.25) saturate(1.25) drop-shadow(0 3px 10px rgba(0,0,0,.75)); transition: filter .25s; }
.proc-admin .brand-logo-frame:hover .brand-logo[b-3y8x00c65h] { filter: brightness(1.55) contrast(1.3) saturate(1.3) drop-shadow(0 4px 12px rgba(0,0,0,.8)); }

@media (max-width: 780px) { .proc-admin .brand-logo-frame .brand-logo[b-3y8x00c65h] { height: 54px; } }
@media (max-width: 520px) {
    .proc-admin .brand-identity[b-3y8x00c65h] { padding-left: 50px; }
    .proc-admin .brand-logo-frame[b-3y8x00c65h] { padding: .45rem .7rem; }
    .proc-admin .brand-logo-frame .brand-logo[b-3y8x00c65h] { height: 50px; }
}

/* Ensure interactive controls are always clickable within this page */
.proc-admin .responses-panel[b-3y8x00c65h] { position: relative; z-index: 5; }
.proc-admin .responses-panel *[b-3y8x00c65h], .proc-admin .content-card *[b-3y8x00c65h] { pointer-events: auto !important; }
.proc-admin .responses-panel .btn[b-3y8x00c65h] { cursor: pointer; }

/* Form placeholders white */
.proc-admin .content-card[b-3y8x00c65h] { --bs-secondary-color: rgba(255,255,255,.95); --bs-secondary-color-rgb: 255,255,255; }
.proc-admin .content-card .form-control[b-3y8x00c65h]::placeholder, .proc-admin .content-card textarea.form-control[b-3y8x00c65h]::placeholder { color: rgba(255,255,255,.95) !important; opacity: 1; }
.proc-admin .content-card .form-control[b-3y8x00c65h]::-webkit-input-placeholder, .proc-admin .content-card textarea.form-control[b-3y8x00c65h]::-webkit-input-placeholder { color: rgba(255,255,255,.95) !important; }
.proc-admin .content-card .form-control[b-3y8x00c65h]::-moz-placeholder, .proc-admin .content-card textarea.form-control[b-3y8x00c65h]::-moz-placeholder { color: rgba(255,255,255,.95) !important; opacity: 1; }
.proc-admin .content-card .form-control:-ms-input-placeholder[b-3y8x00c65h], .proc-admin .content-card textarea.form-control:-ms-input-placeholder[b-3y8x00c65h] { color: rgba(255,255,255,.95) !important; }
.proc-admin .content-card .form-control[b-3y8x00c65h]::-ms-input-placeholder, .proc-admin .content-card textarea.form-control[b-3y8x00c65h]::-ms-input-placeholder { color: rgba(255,255,255,.95) !important; }

/* Table long-text columns widths */
.proc-admin .obs-col[b-3y8x00c65h] { max-width: 240px; }
.proc-admin .resol-col[b-3y8x00c65h] { max-width: 240px; }
/* _content/TioSamV1/Components/Pages/Admin/RolesAdmin.razor.rz.scp.css */
/* RolesAdmin scoped styles (component-level) */

/* Adopt Index/NpsAdmin header visuals */
.roles-admin[b-3deybnfub5] {
    --header-grad1: #4a251d;
    --header-grad2: #5a2f24;
}

    .roles-admin .brand-header[b-3deybnfub5] {
        background: linear-gradient(180deg,var(--header-grad1),var(--header-grad2));
        border-bottom-left-radius: 1.25rem;
        border-bottom-right-radius: 1.25rem;
        box-shadow: 0 6px 22px -8px rgba(0,0,0,.55);
        position: relative;
        padding-bottom: .85rem;
    }

        .roles-admin .brand-header[b-3deybnfub5]:after {
            content: "";
            position: absolute;
            left: 2rem;
            right: 2rem;
            bottom: 0;
            height: 1px;
            background: linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
        }

    .roles-admin .brand-identity[b-3deybnfub5] {
        padding-left: 64px;
        position: relative;
    }

    .roles-admin .brand-logo-frame[b-3deybnfub5] {
        display: flex;
        align-items: center;
        padding: .55rem .85rem;
        border-radius: 1.1rem;
        background: rgba(20,15,15,.5);
        backdrop-filter: blur(8px) saturate(150%);
        -webkit-backdrop-filter: blur(8px) saturate(150%);
        border: 1px solid rgba(255,255,255,.18);
        box-shadow: 0 6px 16px -8px rgba(0,0,0,.7), 0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.25);
    }

        .roles-admin .brand-logo-frame .brand-logo[b-3deybnfub5] {
            height: 64px;
            width: auto;
            filter: brightness(1.45) contrast(1.25) saturate(1.25) drop-shadow(0 3px 10px rgba(0,0,0,.75));
            transition: filter .25s;
        }

        .roles-admin .brand-logo-frame:hover .brand-logo[b-3deybnfub5] {
            filter: brightness(1.55) contrast(1.3) saturate(1.3) drop-shadow(0 4px 12px rgba(0,0,0,.8));
        }

@media (max-width: 780px) {
    .roles-admin .brand-logo-frame .brand-logo[b-3deybnfub5] {
        height: 54px;
    }
}

@media (max-width: 520px) {
    .roles-admin .brand-identity[b-3deybnfub5] {
        padding-left: 50px;
    }

    .roles-admin .brand-logo-frame[b-3deybnfub5] {
        padding: .45rem .7rem;
    }

        .roles-admin .brand-logo-frame .brand-logo[b-3deybnfub5] {
            height: 50px;
        }
}

/* White placeholders and better contrast inside cards on this page */
.roles-admin .content-card[b-3deybnfub5] {
    --bs-secondary-color: rgba(255,255,255,.95);
    --bs-secondary-color-rgb: 255,255,255;
}

    .roles-admin .content-card .form-control[b-3deybnfub5]::placeholder, .roles-admin .content-card textarea.form-control[b-3deybnfub5]::placeholder {
        color: rgba(255,255,255,.95) !important;
        opacity: 1;
    }

    .roles-admin .content-card .form-control[b-3deybnfub5]::-webkit-input-placeholder, .roles-admin .content-card textarea.form-control[b-3deybnfub5]::-webkit-input-placeholder {
        color: rgba(255,255,255,.95) !important;
    }

    .roles-admin .content-card .form-control[b-3deybnfub5]::-moz-placeholder, .roles-admin .content-card textarea.form-control[b-3deybnfub5]::-moz-placeholder {
        color: rgba(255,255,255,.95) !important;
        opacity: 1;
    }

    .roles-admin .content-card .form-control:-ms-input-placeholder[b-3deybnfub5], .roles-admin .content-card textarea.form-control:-ms-input-placeholder[b-3deybnfub5] {
        color: rgba(255,255,255,.95) !important;
    }

    .roles-admin .content-card .form-control[b-3deybnfub5]::-ms-input-placeholder, .roles-admin .content-card textarea.form-control[b-3deybnfub5]::-ms-input-placeholder {
        color: rgba(255,255,255,.95) !important;
    }

/* Table column width for the Add/Create section */
.roles-admin .addrole-col[b-3deybnfub5] {
    width: 360px;
}

/* ==== Fix: let the "Usuário" column fit the email without truncation ==== */
/* Override global compact table defaults just for RolesAdmin */
.roles-admin .brand-table.compact[b-3deybnfub5] {
    table-layout: auto !important; /* allow columns to size by content */
}

.roles-admin .user-col[b-3deybnfub5] {
    width: auto !important; /* release fixed percentage width */
    white-space: nowrap; /* keep single-line emails */
    overflow: visible; /* no clipping */
    text-overflow: clip; /* disable ellipsis */
}

/* Keep smaller screens usable: allow wrapping when stacked layout kicks in */
@media (max-width: 768px) {
    .roles-admin .user-col[b-3deybnfub5] {
        white-space: normal; /* may wrap on very small screens */
        overflow: visible;
    }
}
/* _content/TioSamV1/Components/Pages/Index.razor.rz.scp.css */
/* Styles for Index component (CSS isolation) */

/* Scoped styles for review controls */
.review-toggle .btn[b-thcra61mvb] {
    --btn-border: rgba(255,255,255,.25);
    --btn-bg: rgba(255,255,255,.04);
    --btn-active-bg: rgba(255,255,255,.14);
    --btn-active-border: rgba(255,255,255,.45);
    color: #fff;
    border-color: var(--btn-border);
    background-color: var(--btn-bg);
    backdrop-filter: saturate(110%) blur(2px);
}

    .review-toggle .btn.active[b-thcra61mvb],
    .review-toggle .btn[aria-pressed="true"][b-thcra61mvb] {
        background-color: var(--btn-active-bg);
        border-color: var(--btn-active-border);
        color: #fff;
    }

    .review-toggle .btn:focus[b-thcra61mvb] {
        outline: none;
        box-shadow: 0 0 0 .15rem rgba(255,255,255,.12);
    }

/* Generic ghost button to reuse across the page */
.brand-ghost.btn[b-thcra61mvb] {
    --btn-border: rgba(255,255,255,.25);
    --btn-bg: rgba(255,255,255,.04);
    --btn-active-bg: rgba(255,255,255,.14);
    --btn-active-border: rgba(255,255,255,.45);
    color: #fff;
    border-color: var(--btn-border);
    background-color: var(--btn-bg);
    backdrop-filter: saturate(110%) blur(2px);
}

    .brand-ghost.btn.active[b-thcra61mvb],
    .segmented .brand-ghost.btn.active[b-thcra61mvb],
    .brand-ghost.btn[aria-pressed="true"][b-thcra61mvb] {
        background-color: var(--btn-active-bg);
        border-color: var(--btn-active-border);
        color: #fff;
    }

    .brand-ghost.btn:focus[b-thcra61mvb] {
        outline: none;
        box-shadow: 0 0 0 .15rem rgba(255,255,255,.12);
    }

.review-check.btn[b-thcra61mvb] {
    --btn-border: rgba(255,255,255,.25);
    --btn-bg: rgba(255,255,255,.04);
    --btn-active-bg: rgba(63,185,80,.3); /* green-ish to suggest done */
    --btn-active-border: rgba(63,185,80,.7);
    color: #fff;
    border-color: var(--btn-border);
    background-color: var(--btn-bg);
    width: 36px;
    height: 30px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: .5rem;
}

    .review-check.btn i[b-thcra61mvb] {
        font-size: 18px;
        line-height: 1;
        opacity: .9;
    }

    .review-check.btn.active i[b-thcra61mvb] {
        opacity: 1;
    }

    .review-check.btn:focus[b-thcra61mvb] {
        outline: none;
        box-shadow: 0 0 0 .15rem rgba(63,185,80,.2);
    }

/* ===== Melhorias Popover NPS ===== */
.info-help[b-thcra61mvb] {
    position: relative;
}

    .info-help .help-popover[b-thcra61mvb] {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 30;
        background: #222; /* cor sólida para remover "transparência bugada" */
        color: #eee;
        border: 1px solid #333;
        border-radius: .75rem;
        padding: .85rem .95rem 1rem;
        width: 360px;
        max-width: 92vw;
        font-size: .78rem;
        line-height: 1.25;
        box-shadow: 0 4px 22px -6px rgba(0,0,0,.55);
        backdrop-filter: none; /* desativar blur para evitar interferência visual */
    }

    .info-help:focus-within .help-popover[b-thcra61mvb],
    .info-help:hover .help-popover[b-thcra61mvb] {
        display: block;
    }

    .info-help .help-popover[b-thcra61mvb] {
        display: none;
    }

.nps-pop .pop-title[b-thcra61mvb] {
    font-weight: 600;
    text-align: center;
    font-size: .9rem;
    margin: 0 0 .35rem;
}

.nps-pop .intro[b-thcra61mvb] {
    margin: 0;
    font-size: .74rem;
    color: #d5d5d5;
    text-align: center;
}

.nps-pop .legend-row[b-thcra61mvb] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1rem;
    margin-top: .6rem;
    justify-content: center;
}

.nps-pop .legend-item[b-thcra61mvb] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .7rem;
    white-space: nowrap;
}

.nps-pop .dot[b-thcra61mvb] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.nps-pop .dot-success[b-thcra61mvb] {
    background: #28c76f;
}

.nps-pop .dot-warning[b-thcra61mvb] {
    background: #ff9f43;
}

.nps-pop .dot-danger[b-thcra61mvb] {
    background: #ea5455;
}

.nps-pop hr.pop-sep[b-thcra61mvb] {
    margin: .7rem 0;
    border-color: #333;
    opacity: 1;
}

.nps-pop .nps-sections[b-thcra61mvb] {
    display: grid;
    gap: .75rem;
}

.nps-pop .nps-section h6[b-thcra61mvb] {
    font-size: .63rem;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin: 0 0 .15rem;
    font-weight: 600;
    color: #bbb;
}

.nps-pop .nps-section p[b-thcra61mvb] {
    margin: 0;
}

.nps-pop .formula[b-thcra61mvb] {
    font-size: .72rem;
    text-align: center;
}

.nps-pop .pill-row[b-thcra61mvb] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.nps-pop .status-pill[b-thcra61mvb] {
    font-size: .6rem;
    font-weight: 600;
    padding: .25rem .45rem;
    border-radius: .4rem;
    line-height: 1.1;
}

.nps-pop .pill-success-2[b-thcra61mvb] {
    background: #1F5130;
    color: #8fedb4;
}

.nps-pop .pill-success[b-thcra61mvb] {
    background: #154d29;
    color: #6cd793;
}

.nps-pop .pill-warning[b-thcra61mvb] {
    background: #4d3d11;
    color: #ffce73;
}

.nps-pop .pill-danger[b-thcra61mvb] {
    background: #552020;
    color: #ff9d9d;
}

.nps-pop .nps-counts[b-thcra61mvb] {
    display: flex;
    justify-content: space-between;
    gap: .4rem;
    margin-top: .25rem;
}

.nps-pop .count-item[b-thcra61mvb] {
    flex: 1;
    background: #2b2b2b;
    padding: .4rem .45rem;
    border-radius: .45rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .2rem;
}

    .nps-pop .count-item .lbl[b-thcra61mvb] {
        font-size: .55rem;
        text-transform: uppercase;
        letter-spacing: .5px;
        color: #bbb;
    }

    .nps-pop .count-item .val[b-thcra61mvb] {
        font-size: .8rem;
        font-weight: 600;
    }

    .nps-pop .count-item.promoters[b-thcra61mvb] {
        border: 1px solid #249b55;
    }

    .nps-pop .count-item.passives[b-thcra61mvb] {
        border: 1px solid #b67e23;
    }

    .nps-pop .count-item.detractors[b-thcra61mvb] {
        border: 1px solid #b14242;
    }

.nps-pop .grid[b-thcra61mvb] {
    display: none;
}
/* esconde grid antigo se ainda existir em CSS global */

@media (max-width:520px) {
    .info-help .help-popover[b-thcra61mvb] {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
}

/* --- Header refinado com cantos arredondados + sombra harmonizada --- */
.nps-page[b-thcra61mvb] {
    --header-grad1: #4a251d; /* mais escuro que var(--brand-bg1) */
    --header-grad2: #5a2f24; /* tom profundo para contraste */
    --surface-panel: linear-gradient(140deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    --surface-border: rgba(255,255,255,.10);
}

    .nps-page .brand-header[b-thcra61mvb] {
        background: linear-gradient(180deg,var(--header-grad1),var(--header-grad2));
        border-bottom-left-radius: 1.25rem;
        border-bottom-right-radius: 1.25rem;
        box-shadow: 0 6px 22px -8px rgba(0,0,0,.55);
        position: relative;
        padding-bottom: .85rem;
    }

        .nps-page .brand-header[b-thcra61mvb]:after {
            content: "";
            position: absolute;
            left: 2rem;
            right: 2rem;
            bottom: 0;
            height: 1px;
            background: linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
        }

    /* Corpo da página separado do header */
    .nps-page .page-body[b-thcra61mvb] {
        position: relative;
        margin-top: -.4rem;
        padding: 1.4rem 1rem 2rem;
    }

@media (min-width:1400px) {
    .nps-page .page-body[b-thcra61mvb] {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (max-width:640px) {
    .nps-page .page-body[b-thcra61mvb] {
        padding: 1.1rem .75rem 1.75rem;
    }
}

/* Cartões refinados */
.nps-page .card.card-warm[b-thcra61mvb] {
    border-radius: 1.1rem;
    border: 1px solid var(--surface-border);
    background: var(--surface-panel);
    backdrop-filter: saturate(130%) blur(3px);
    box-shadow: 0 4px 14px -6px rgba(0,0,0,.55);
    position: relative;
}

    .nps-page .card.card-warm[b-thcra61mvb]:before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        padding: 1px;
        background: linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.04));
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        opacity: .25;
    }

.nps-page .card-title.brand-section[b-thcra61mvb] {
    font-weight: 600;
}

/* Ajustes de pequenas áreas */
.nps-page .nps-overview[b-thcra61mvb] {
    border-radius: 2rem;
    max-width: 900px;
}

/* === Ajustes adicionais para restaurar tema escuro e remover rolagem === */
.nps-page .brand-header[b-thcra61mvb] {
    padding-bottom: .4rem;
}

.nps-page .page-body[b-thcra61mvb] {
    margin-top: 0;
    padding: .5rem 1rem 1rem;
}

@media (min-width:1400px) {
    .nps-page .page-body[b-thcra61mvb] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (max-width:640px) {
    .nps-page .page-body[b-thcra61mvb] {
        padding: .45rem .6rem .75rem;
    }
}

/* Reverter cards para fundo original definido globalmente em .card-warm */
.nps-page .card.card-warm[b-thcra61mvb] {
    background: radial-gradient(1200px 600px at 10% 10%, rgba(255,255,255,.08), transparent 50%),radial-gradient(900px 600px at 90% 30%, rgba(255,255,255,.06), transparent 55%),linear-gradient(180deg, var(--brand-card1), var(--brand-card2));
    color: #fff;
    border: 0;
    backdrop-filter: none;
    box-shadow: none;
    border-radius: .9rem;
}

    .nps-page .card.card-warm[b-thcra61mvb]:before {
        display: none;
    }

/* Altura padrão do chart (será ajustada por media queries responsivas abaixo) */
.nps-page .chart-box.tall[b-thcra61mvb] {
    height: 420px;
}

.nps-page .chart-box canvas[b-thcra61mvb] {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

/* Painel de respostas se existir (usa mesma assinatura que Processos) */
.nps-page .responses-panel[b-thcra61mvb] {
    max-height: 521px;
    scrollbar-gutter: stable;
}

/* ====== NOVO: Tratamento da logo e espaço para hamburger ======*/
.nps-page .brand-identity[b-thcra61mvb] {
    padding-left: 64px;
    position: relative;
}

.nps-page .brand-logo-frame[b-thcra61mvb] {
    display: flex;
    align-items: center;
    padding: .55rem .85rem;
    border-radius: 1.1rem;
    background: rgba(20,15,15,.5);
    backdrop-filter: blur(8px) saturate(150%);
    -webkit-backdrop-filter: blur(8px) saturate(150%);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 6px 16px -8px rgba(0,0,0,.7), 0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.25);
}

    .nps-page .brand-logo-frame .brand-logo[b-thcra61mvb] {
        height: 64px;
        width: auto;
        filter: brightness(1.45) contrast(1.25) saturate(1.25) drop-shadow(0 3px 10px rgba(0,0,0,.75));
        transition: filter .25s;
    }

    .nps-page .brand-logo-frame:hover .brand-logo[b-thcra61mvb] {
        filter: brightness(1.55) contrast(1.3) saturate(1.3) drop-shadow(0 4px 12px rgba(0,0,0,.8));
    }

@media (max-width: 780px) {
    .nps-page .brand-logo-frame .brand-logo[b-thcra61mvb] {
        height: 54px;
    }
}

@media (max-width: 520px) {
    .nps-page .brand-identity[b-thcra61mvb] {
        padding-left: 50px;
    }

    .nps-page .brand-logo-frame[b-thcra61mvb] {
        padding: .45rem .7rem;
    }

        .nps-page .brand-logo-frame .brand-logo[b-thcra61mvb] {
            height: 50px;
        }
}

/* === Única mudança: impedir rolagem na página inteira apenas nesta tela === */
:global(html)[b-thcra61mvb], :global(body)[b-thcra61mvb] {
    height: 100%;
    overflow: hidden !important; /* bloqueia scroll vertical e horizontal do documento */
    overscroll-behavior: none; /* evita bounce/scroll adicional em alguns navegadores */
}

/* ================= TUNING ESPECÍFICO POR RESOLUÇÃO (espelhando Processos) ================= */
/* Faixa de notebooks (~1366x768 / 1370x720): manter valores atuais */
@media (min-width: 1280px) and (max-width: 1500px) and (min-height: 680px) and (max-height: 820px) {
    .nps-page .chart-box.tall[b-thcra61mvb] {
        height: 495px;
    }

    .nps-page .responses-panel[b-thcra61mvb] {
        max-height: 521px;
    }
    /* Caso exista tabela similar */
    .nps-page .brand-table .meta-col[b-thcra61mvb] {
        width: 220px;
    }

    .nps-page .brand-table .resolucao-col[b-thcra61mvb] {
        width: 40%;
    }
}

/* 1920x1080 e similares: ocupar melhor o espaço disponível */
@media (min-width: 1800px) and (min-height: 950px) {
    .nps-page .page-body[b-thcra61mvb] {
        padding: .8rem 2rem 1.6rem;
    }

    .nps-page .chart-box.tall[b-thcra61mvb] {
        height: 800px;
    }

    .nps-page .responses-panel[b-thcra61mvb] {
        max-height: 78vh;
    }

    .nps-page .brand-table .meta-col[b-thcra61mvb] {
        width: 260px;
    }

    .nps-page .brand-table .resolucao-col[b-thcra61mvb] {
        width: 46%;
    }
    /* Se houver overview-card análogo */
    .nps-page .overview-card .progress-pipe[b-thcra61mvb] {
        height: 44px;
        min-width: 320px;
    }
}
/* _content/TioSamV1/Components/Pages/Processos.razor.rz.scp.css */
:root[b-5qep72akuj] {
}

/* lighten dropdown for readability on dark header */
.notif-host[b-5qep72akuj] {
    position: relative
}

.notif-menu[b-5qep72akuj] {
    min-width: 320px;
    max-width: min(90vw,460px);
    max-height: 60vh;
    overflow: auto;
    background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,255,255,.92));
    color: #1b1b1b;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: .5rem;
    /* FIX: shadow syntax */
    box-shadow: 0 10px 22px -10px rgba(0,0,0,.6), 0 2px 10px -6px rgba(0,0,0,.35);
}

    .notif-menu .dropdown-item[b-5qep72akuj] {
        white-space: normal;
        color: #222;
        border-radius: .35rem
    }

        .notif-menu .dropdown-item:hover[b-5qep72akuj] {
            background: rgba(0,0,0,.06)
        }

/* Popup position fix and overflow safety */
.processos-page .notif-host[b-5qep72akuj] {
    position: relative
}

    .processos-page .notif-host .notif-menu[b-5qep72akuj] {
        position: absolute;
        right: 0; /* anchor to bell's right edge so it never overflows to the screen edge */
        left: auto;
        top: calc(100% +8px);
        z-index: 2000;
        max-width: min(92vw,480px);
        transform: translateX(0); /* ensure no bootstrap transform pushes it */
    }

        /* Make items wrap nicely to avoid horizontal scroll */
        .processos-page .notif-host .notif-menu .dropdown-item[b-5qep72akuj] {
            white-space: normal;
            overflow-wrap: anywhere;
        }

/* Progress pipe widths controlled via CSS variable set inline (--w: 30%) */
.progress-pipe .seg[b-5qep72akuj] {
    width: var(--w, auto);
}

/* Tamanho e preenchimento do canvas do gráfico */
.processos-page .chart-box[b-5qep72akuj] {
    position: relative;
}

    .processos-page .chart-box.tall[b-5qep72akuj] {
        height: 420px;
    }

    .processos-page .chart-box canvas[b-5qep72akuj] {
        width: 100% !important;
        height: 100% !important;
        display: block;
    }

/* Table layout extracted from inline styles */
.table.brand-table.compact[b-5qep72akuj] {
    table-layout: fixed;
    width: 100%;
}

.brand-table .meta-col[b-5qep72akuj] {
    width: 220px;
}

.brand-table .resolucao-col[b-5qep72akuj] {
    width: 40%;
}

@media (max-width: 992px) {
    .brand-table .meta-col[b-5qep72akuj] {
        width: 180px;
        min-width: 160px;
    }

    .brand-table .resolucao-col[b-5qep72akuj] {
        width: 45%;
    }
}

@media (max-width: 768px) {
    .brand-table.compact[b-5qep72akuj] {
        table-layout: auto;
    }
}

/* Topic tiles visual refinements (kept local to page for easy theming) */
.topic-stack[b-5qep72akuj] {
    display: flex;
    flex-direction: column;
    gap: .4rem
}

.info-tile.tile-title[b-5qep72akuj] {
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.28)
}

    .info-tile.tile-title .tile-value[b-5qep72akuj] {
        font-size: 1.05rem;
        letter-spacing: .2px
    }

.info-tile.tile-desc[b-5qep72akuj] {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.18)
}

.desc-text[b-5qep72akuj] {
    font-weight: 500;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word
}

/* Compact table polish for 3-column layout */
.brand-table.compact thead th[b-5qep72akuj] {
    border-bottom: 1px solid rgba(255,255,255,.2)
}

.brand-table.compact tbody tr td + td[b-5qep72akuj] {
    border-left: 1px solid rgba(255,255,255,.1)
}

/* ================= Extracted from inline <style> in Processos.razor (converted to CSS isolation) ================ */
/* Styles extracted and consolidated from Processos.razor inline <style> */

.processos-page .obs-box[b-5qep72akuj], .processos-page .obs-box .tile-label[b-5qep72akuj], .processos-page .obs-box .obs-meta[b-5qep72akuj], .processos-page .obs-box .obs-content[b-5qep72akuj], .processos-page .obs-box .obs-input[b-5qep72akuj] {
    color: #fff;
    font-size: .78rem;
    line-height: 1.4;
}

    .processos-page .obs-box .obs-meta[b-5qep72akuj] {
        opacity: .95;
        max-width: 60%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .processos-page .obs-box .obs-content[b-5qep72akuj] {
        white-space: pre-line;
        word-break: break-word;
        border-color: rgba(255,255,255,.25) !important;
    }

    .processos-page .obs-box .obs-input[b-5qep72akuj] {
        min-height: 3.25rem;
        resize: vertical;
        background-color: transparent;
        border-color: rgba(255,255,255,.35);
        padding-right: 5.5rem; /* espaço para o botão salvar */
    }

        .processos-page .obs-box .obs-input:focus[b-5qep72akuj] {
            border-color: rgba(116,172,255,.9);
            box-shadow: 0 0 0 .15rem rgba(116,172,255,.25);
        }

.processos-page .obs-edit[b-5qep72akuj] {
    position: relative;
}

.processos-page .obs-save-btn[b-5qep72akuj] {
    position: absolute;
    right: .5rem;
    bottom: .5rem;
    padding: .15rem .6rem;
    font-size: .72rem;
    border-radius: .35rem;
}

.processos-page[b-5qep72akuj] {
    --header-grad1: #4a251d;
    --summary-header2: #5a2f24;
    --surface-panel: linear-gradient(140deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    --surface-border: rgba(255,255,255,.10);
    --surface-border-strong: rgba(255,255,255,.18);
    /* New tokens for accents and focus */
    --accent-danger: #dc3545;
    --accent-warning: #ffc107;
    --accent-success: #198754;
    --focus-ring: 0 0 0 .15rem rgba(116,172,255,.35);
}

    .processos-page .brand-header[b-5qep72akuj] {
        background: linear-gradient(180deg,var(--header-grad1),var(--summary-header2));
        border-bottom-left-radius: 1.25rem;
        border-bottom-right-radius: 1.25rem;
        box-shadow: 0 6px 22px -8px rgba(0,0,0,.55);
        position: relative;
        padding-bottom: .4rem; /* reduzido para caber sem rolagem */
    }

    /* Wrapper que cria transição suave entre header e cartões */
    .processos-page .page-body[b-5qep72akuj] {
        position: relative;
        margin-top: 0; /* remove deslocamento que aumentava altura */
        padding: .5rem 1rem 1rem; /* padding mais compacto */
    }

/* Ajuste responsivo de padding lateral */
@media (min-width: 1400px) {
    .processos-page .page-body[b-5qep72akuj] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

/* (ANTES) estilo claro experimental removido. Reverte para card escuro original definido em app.css (.card-warm) */
.processos-page .card.card-warm[b-5qep72akuj] {
    background: radial-gradient(1200px 600px at 10% 10%, rgba(255,255,255,.08), transparent 50%), radial-gradient(900px 600px at 90% 30%, rgba(255,255,255,.06), transparent 55%), linear-gradient(180deg, var(--brand-card1), var(--brand-card2));
    color: #fff;
    border: 0; /* remove borda clara */
    backdrop-filter: none;
    box-shadow: none; /* deixa apenas o shadow-sm padrão da classe */
    border-radius: .9rem; /* um pouco menos que 1.1 para compactar */
}

    .processos-page .card.card-warm[b-5qep72akuj]:before {
        display: none;
    }

.processos-page .card-title.brand-section[b-5qep72akuj] {
    font-weight: 600;
}

/* Tabela / painel de respostas refinado (mantém) */
.processos-page .responses-panel[b-5qep72akuj] {
    scrollbar-gutter: stable;
    max-height: 521px;
}

.processos-page .brand-table thead.sticky-header[b-5qep72akuj] {
    background: rgba(255,255,255,.04);
    backdrop-filter: saturate(130%) blur(2px);
}

/* Barra de progresso de status – cantos mais suaves */
.processos-page .progress-pipe.pill[b-5qep72akuj] {
    border-radius: 2rem;
    overflow: hidden;
}

.processos-page .progress-pipe .seg[b-5qep72akuj] {
    font-weight: 600;
    transition: width .35s ease; /* animate updates */
}

/* Pequeno ajuste de alinhamento do logo + títulos */
.processos-page .brand-identity .titles h1[b-5qep72akuj] {
    letter-spacing: .5px;
}

/* Suave separação visual abaixo do header (linha translúcida) */
.processos-page .brand-header[b-5qep72akuj]:after {
    content: "";
    position: absolute;
    left: 2rem;
    right: 2rem;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
}

/* Em telas muito pequenas reduzir padding */
@media (max-width: 640px) {
    .processos-page .page-body[b-5qep72akuj] {
        padding: .4rem .6rem .75rem;
    }
}

/* ====== NOVO: Tratamento da logo e espaço para hamburger ======*/
.processos-page .brand-identity[b-5qep72akuj] {
    padding-left: 64px;
    position: relative;
}

.processos-page .brand-logo-frame[b-5qep72akuj] {
    display: flex;
    align-items: center;
    padding: .55rem .85rem;
    border-radius: 1.1rem;
    background: rgba(20,15,15,.5);
    backdrop-filter: blur(8px) saturate(150%);
    -webkit-backdrop-filter: blur(8px) saturate(150%);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 6px 16px -8px rgba(0,0,0,.7), 0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.25);
}

    .processos-page .brand-logo-frame .brand-logo[b-5qep72akuj] {
        height: 64px;
        width: auto;
        filter: brightness(1.45) contrast(1.25) saturate(1.25) drop-shadow(0 3px 10px rgba(0,0,0,.75));
        transition: filter .25s;
    }

    .processos-page .brand-logo-frame:hover .brand-logo[b-5qep72akuj] {
        filter: brightness(1.55) contrast(1.3) saturate(1.3) drop-shadow(0 4px 12px rgba(0,0,0,.8));
    }

@media (max-width: 780px) {
    .processos-page .brand-logo-frame .brand-logo[b-5qep72akuj] {
        height: 54px;
    }
}

@media (max-width: 520px) {
    .processos-page .brand-identity[b-5qep72akuj] {
        padding-left: 50px;
    }

    .processos-page .brand-logo-frame[b-5qep72akuj] {
        padding: .45rem .7rem;
    }

        .processos-page .brand-logo-frame .brand-logo[b-5qep72akuj] {
            height: 50px;
        }
}

/* Ghost button style reused from Index page */
.brand-ghost.btn[b-5qep72akuj] {
    --btn-border: rgba(255,255,255,.25);
    --btn-bg: rgba(255,255,255,.04);
    --btn-active-bg: rgba(255,255,255,.14);
    --btn-active-border: rgba(255,255,255,.45);
    color: #fff;
    border-color: var(--btn-border);
    background-color: var(--btn-bg);
    backdrop-filter: saturate(110%) blur(2px);
}

    .brand-ghost.btn.active[b-5qep72akuj],
    .segmented .brand-ghost.btn.active[b-5qep72akuj],
    .brand-ghost.btn[aria-pressed="true"][b-5qep72akuj] {
        background-color: var(--btn-active-bg);
        border-color: var(--btn-active-border);
        color: #fff;
    }

    .brand-ghost.btn:focus[b-5qep72akuj] {
        outline: none;
        box-shadow: 0 0 0 .15rem rgba(255,255,255,.12);
    }

/* ========================= NOVO OVERVIEW PILL (UI/UX) ========================= */

/* Container do pill: cápsula translúcida que encolhe quando necessário */
.processos-page .overview-card[b-5qep72akuj] {
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 1.75rem;
    padding: .35rem .6rem;
    box-shadow: 0 8px 20px -10px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.25);
    backdrop-filter: blur(6px) saturate(130%);
    -webkit-backdrop-filter: blur(6px) saturate(130%);
    min-height: 44px;
    /* Não deixar o header quebrar: permitir encolher e limitar largura */
    flex: 1 1 420px;
    overflow: hidden;
}

    /* Legenda compacta com pontos coloridos */
    .processos-page .overview-card .legend[b-5qep72akuj] {
        display: flex;
        align-items: center;
        gap: .75rem;
        white-space: nowrap;
    }

        .processos-page .overview-card .legend .leg-dot[b-5qep72akuj] {
            display: inline-block;
            width: .6rem;
            height: .6rem;
            border-radius: 50%;
            box-shadow: 0 0 0 2px rgba(255,255,255,.20) inset, 0 1px 2px rgba(0,0,0,.35);
        }

        .processos-page .overview-card .legend .leg-label[b-5qep72akuj] {
            opacity: .95;
        }

    /* Pipe com aro e brilho suave, encolhível */
    .processos-page .overview-card .progress-pipe[b-5qep72akuj] {
        position: relative;
        display: flex;
        align-items: stretch;
        height: 38px;
        min-width: 260px; /* para caber números e não quebrar */
        flex: 1 1 340px;
        border-radius: 999px;
        padding: 2px; /* aro */
        background: linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,.15));
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.25);
    }

        /* Área interna do pipe: usar o próprio container; os segmentos ocupam 100% com overflow oculto */
        .processos-page .overview-card .progress-pipe.pill[b-5qep72akuj] { /* já tem border-radius/overflow */
            background-clip: padding-box;
            overflow: hidden;
        }

        /* Segmentos com números centralizados e divisórias sutis */
        .processos-page .overview-card .progress-pipe .seg[b-5qep72akuj] {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            letter-spacing: .2px;
            text-shadow: 0 1px 1px rgba(0,0,0,.55);
            position: relative;
        }

            .processos-page .overview-card .progress-pipe .seg:not(:first-child)[b-5qep72akuj] {
                border-left: 2px solid rgba(255,255,255,.22);
            }

            .processos-page .overview-card .progress-pipe .seg:first-child[b-5qep72akuj] {
                border-top-left-radius: 999px;
                border-bottom-left-radius: 999px;
            }

            .processos-page .overview-card .progress-pipe .seg:last-child[b-5qep72akuj] {
                border-top-right-radius: 999px;
                border-bottom-right-radius: 999px;
            }

        /* Paleta dos estados com leve gradiente */
        .processos-page .overview-card .progress-pipe .seg-open[b-5qep72akuj] {
            background: linear-gradient(180deg, #d14b55, #bf3f49);
        }

        .processos-page .overview-card .progress-pipe .seg-inprog[b-5qep72akuj] {
            background: linear-gradient(180deg, #f3b625, #e3a415);
            color: #2b1d00; /* melhor contraste no amarelo */
            text-shadow: none;
        }

        .processos-page .overview-card .progress-pipe .seg-done[b-5qep72akuj] {
            background: linear-gradient(180deg, #2d8e54, #247c49);
        }

    /* Total à direita com contraste sutil */
    .processos-page .overview-card .totals[b-5qep72akuj] {
        color: rgba(255,255,255,.9);
        font-weight: 600;
        white-space: nowrap;
    }

        .processos-page .overview-card .totals .tot-label[b-5qep72akuj] {
            opacity: .9;
        }

        .processos-page .overview-card .totals .tot-value[b-5qep72akuj] {
            font-weight: 800;
        }

/* Responsividade: preservar o header em uma linha */
@media (max-width: 1400px) {
    .processos-page .overview-card[b-5qep72akuj] {
        padding: .3rem .55rem;
        max-width: min(50vw, 680px);
    }

        .processos-page .overview-card .legend[b-5qep72akuj] {
            gap: .5rem;
        }

            .processos-page .overview-card .legend .leg-label[b-5qep72akuj] {
                display: none; /* mantém apenas os pontos coloridos para ganhar espaço */
            }
}

@media (max-width: 1200px) {
    .processos-page .overview-card[b-5qep72akuj] {
        flex: 1 1 360px;
        max-width: min(48vw, 600px);
    }

        .processos-page .overview-card .legend[b-5qep72akuj] {
            display: none; /* em telas menores, foco no pipe e no total */
        }

        .processos-page .overview-card .progress-pipe[b-5qep72akuj] {
            min-width: 220px;
            height: 36px;
        }
}

@media (max-width: 992px) {
    .processos-page .overview-card[b-5qep72akuj] {
        max-width: 100%;
    }
}

.comentarios-thread[b-5qep72akuj] {
    max-height: 280px;
    overflow: auto
}

.comentario-item .small[b-5qep72akuj] {
    opacity: .8
}

/* Estilos do dropdown de notificações */
.notif-host[b-5qep72akuj] {
    position: relative
}

.notif-menu[b-5qep72akuj] {
    min-width: 320px;
    max-width: min(90vw,460px);
    max-height: 60vh;
    overflow: auto;
    background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,255,255,.92));
    color: #1b1b1b;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: .5rem;
    /* FIX: shadow syntax */
    box-shadow: 0 10px 22px -10px rgba(0,0,0,.6), 0 2px 10px -6px rgba(0,0,0,.35);
}

    .notif-menu .dropdown-item[b-5qep72akuj] {
        white-space: normal;
        color: #222;
        border-radius: .35rem
    }

        .notif-menu .dropdown-item:hover[b-5qep72akuj] {
            background: rgba(0,0,0,.06)
        }

/* Anteriormente isto alterava todos os elementos com .justify-content-between na página. */
/* Escopar apenas ao header para não afetar outras áreas (ex.: comentários). */
.processos-page .brand-header .summary-row.justify-content-between[b-5qep72akuj] {
    justify-content: space-evenly !important;
}

/* ================= TUNING ESPECÍFICO POR RESOLUÇÃO ================= */
/* Faixa de notebooks (~1366x768 / 1370x720): manter comportamento atual */
@media (min-width: 1280px) and (max-width: 1500px) and (min-height: 680px) and (max-height: 820px) {
    .processos-page .chart-box.tall[b-5qep72akuj] {
        height: 530px;
    }

    .processos-page .responses-panel[b-5qep72akuj] {
        max-height: 521px;
    }

    .brand-table .meta-col[b-5qep72akuj] {
        width: 220px;
    }

    .brand-table .resolucao-col[b-5qep72akuj] {
        width: 40%;
    }
}

/* 1920x1080 e similares: ocupar melhor o espaço disponível */
@media (min-width: 1800px) and (min-height: 950px) {
    /* header volta a usar space-between para abrir espaço ao sino */
    .processos-page .brand-header .summary-row.justify-content-between[b-5qep72akuj] {
        justify-content: space-between !important;
    }

    .processos-page .page-body[b-5qep72akuj] {
        padding: .8rem 2rem 1.6rem;
    }

    /* gráfico mais alto */
    .processos-page .chart-box.tall[b-5qep72akuj] {
        height: 800px;
    }

    /* painel de itens usa mais altura da viewport */
    .processos-page .responses-panel[b-5qep72akuj] {
        max-height: 78vh;
    }

    /* colunas ligeiramente mais largas */
    .brand-table .meta-col[b-5qep72akuj] {
        width: 260px;
    }

    .brand-table .resolucao-col[b-5qep72akuj] {
        width: 46%;
    }

    /* pill maior para não parecer pequeno demais */
    .processos-page .overview-card .progress-pipe[b-5qep72akuj] {
        height: 44px;
        min-width: 320px;
    }

    .summary-row-header[b-5qep72akuj] {
        gap: 5rem !important;
    }
}


@media (min-width:1800px) {
    .summary-row-header[b-5qep72akuj] {
        gap: 5rem !important;
    }

    .brand-logo-frame[b-5qep72akuj] {
        gap: 5rem !important;
    }

    .brand-identity[b-5qep72akuj] {
        gap: 5rem !important;
    }
}

/* ===================== NOVO: UI/UX Notifications polish ===================== */
.processos-page .notif-bell[b-5qep72akuj] {
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.35);
    color: #fff;
    backdrop-filter: blur(4px) saturate(120%);
}

    .processos-page .notif-bell:focus-visible[b-5qep72akuj] {
        outline: none;
        box-shadow: var(--focus-ring);
    }

.processos-page .notif-menu[b-5qep72akuj] {
    padding: .5rem;
}

    .processos-page .notif-menu .notif-item[b-5qep72akuj] {
        background: #fff;
        color: #1b1b1b;
        border: 1px solid rgba(0,0,0,.06);
        border-radius: .5rem;
        transition: transform .06s ease, box-shadow .15s ease, background .15s ease;
        position: relative;
    }

        .processos-page .notif-menu .notif-item:hover[b-5qep72akuj] {
            background: #f7f7f7;
            box-shadow: 0 4px 12px -8px rgba(0,0,0,.25);
        }

        .processos-page .notif-menu .notif-item:focus-visible[b-5qep72akuj] {
            outline: none;
            box-shadow: 0 0 0 3px rgba(0,0,0,.1), 0 0 0 6px rgba(32,124,229,.25);
        }

        .processos-page .notif-menu .notif-item.is-unread[b-5qep72akuj] {
            background: linear-gradient(180deg, #fff, #fdf7e7);
            border-color: rgba(255,193,7,.45);
        }

            .processos-page .notif-menu .notif-item.is-unread[b-5qep72akuj]:before {
                content: "";
                position: absolute;
                left: 0;
                top: .4rem;
                bottom: .4rem;
                width: 4px;
                border-radius: 4px;
                background: linear-gradient(180deg, #ffc107, #ff9f0a);
            }

    .processos-page .notif-menu .notif-msg[b-5qep72akuj] {
        color: inherit;
        text-decoration: none;
    }

        .processos-page .notif-menu .notif-msg:hover[b-5qep72akuj] {
            text-decoration: underline;
        }

/* ===================== NOVO: Highlight item opened from notification ===================== */
@keyframes highlightPulse-b-5qep72akuj {
    0% {
        background-color: rgba(255,255,255,.12);
        box-shadow: 0 0 0 0 rgba(255,193,7,.55);
    }

    50% {
        background-color: rgba(255,255,255,.18);
        box-shadow: 0 0 0 6px rgba(255,193,7,.25);
    }

    100% {
        background-color: rgba(255,255,255,.08);
        box-shadow: 0 0 0 0 rgba(255,193,7,0);
    }
}

.processos-page .brand-table tr.is-highlight td[b-5qep72akuj] {
    animation: highlightPulse-b-5qep72akuj 1.6s ease-out 1;
}

    .processos-page .brand-table tr.is-highlight td:first-child[b-5qep72akuj] {
        border-left: 3px solid var(--accent-warning);
    }

/* ===================== NOVO: Buttons fine-tune inside section ===================== */
.processos-page .btn-outline-warning[b-5qep72akuj] {
    color: #fff;
    border-color: rgba(255,255,255,.45);
}

    .processos-page .btn-outline-warning:hover[b-5qep72akuj] {
        background: rgba(255,255,255,.18);
        border-color: rgba(255,255,255,.7);
        color: #fff;
    }

/* Improve small primary floating save button legibility */
.processos-page .obs-save-btn.btn-primary[b-5qep72akuj] {
    background: var(--brand-card2);
    border-color: rgba(255,255,255,.45);
}

    .processos-page .obs-save-btn.btn-primary:hover[b-5qep72akuj] {
        background: var(--brand-card1);
    }

/* ===== UI refresh for processos list rows ===== */
.processos-page .brand-table tbody tr.resp-item[b-5qep72akuj] {
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    border-radius: .6rem;
    box-shadow: 0 2px 8px -6px rgba(0,0,0,.4);
}

    .processos-page .brand-table tbody tr.resp-item td[b-5qep72akuj] {
        padding-top: .85rem;
        padding-bottom: .85rem;
    }

/* Left meta column: stronger tiles and status emphasis */
.processos-page .info-grid[b-5qep72akuj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .45rem;
}

.processos-page .info-tile[b-5qep72akuj] {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: .6rem;
    padding: .45rem .6rem;
}

    .processos-page .info-tile .tile-label[b-5qep72akuj] {
        font-size: .72rem;
        opacity: .85;
        letter-spacing: .3px;
        text-transform: uppercase;
    }

    .processos-page .info-tile .tile-value[b-5qep72akuj] {
        font-weight: 600;
    }

    /* Tema/Tópico as a prominent header */
    .processos-page .info-tile.tile-title[b-5qep72akuj] {
        background: rgba(255,255,255,.12);
        border-color: rgba(255,255,255,.28);
    }

        .processos-page .info-tile.tile-title .tile-value[b-5qep72akuj] {
            font-size: 1.1rem;
        }

    /* Descrição block: readable text */
    .processos-page .info-tile.tile-desc[b-5qep72akuj] {
        background: rgba(255,255,255,.06);
        border-color: rgba(255,255,255,.18);
    }

/* Right column: resolution + observations stacked with clear headers */
.processos-page .resolucao-col .info-tile.tile-desc .tile-label[b-5qep72akuj] { /* Resolução header */
    font-weight: 700;
    opacity: .95;
}

.processos-page .obs-box[b-5qep72akuj] {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: .6rem;
    padding: .6rem;
}

.processos-page .obs-head .tile-label[b-5qep72akuj] {
    font-weight: 700;
}

.processos-page .comentarios-thread[b-5qep72akuj] {
    max-height: 240px;
    overflow: auto;
    padding-right: .25rem;
}

.processos-page .comentario-item[b-5qep72akuj] {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.2);
}

/* Follow button visual alignment */
.processos-page .obs-head .btn-outline-warning[b-5qep72akuj] {
    transform: translateY(-2px);
}

/* Row hover for quick scan */
.processos-page .brand-table tbody tr.resp-item:hover[b-5qep72akuj] {
    background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.05));
}

/* ===== Enhanced UI with icons and tighter layout harmony ===== */

/* Meta tiles: add icons via pseudo-elements (no markup changes) */
.processos-page .info-tile .tile-label[b-5qep72akuj]::before {
    display: inline-block;
    margin-right: .35rem;
    opacity: .85;
}

/* Área icon */
.processos-page .info-tile .tile-label:has(+ .tile-value:contains("Área"))[b-5qep72akuj]::before { content: "🏷️"; }
/* Fallback: scope by parent class order */
.processos-page .meta-col .info-grid .info-tile:first-child .tile-label[b-5qep72akuj]::before { content: "🏷️"; }

/* Estado atual icon */
.processos-page .meta-col .info-grid .info-tile:nth-child(2) .tile-label[b-5qep72akuj]::before { content: "⚙️"; }

/* Tema/Tópico icon */
.processos-page .info-tile.tile-title .tile-label[b-5qep72akuj]::before { content: "🧩"; }

/* Descrição icon */
.processos-page .info-tile.tile-desc .tile-label[b-5qep72akuj]::before { content: "📝"; }

/* Resolução icon */
.processos-page .resolucao-col .info-tile.tile-desc .tile-label[b-5qep72akuj]::before { content: "✅"; }

/* Observações header icon */
.processos-page .obs-head .tile-label[b-5qep72akuj]::before { content: "💬"; }

/* Harmonize row layout: reduce visual density but keep clarity */
.processos-page .brand-table tbody tr.resp-item[b-5qep72akuj] {
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    border-radius: .8rem;
    box-shadow: 0 2px 10px -6px rgba(0,0,0,.45);
}

.processos-page .brand-table tbody tr.resp-item td[b-5qep72akuj] {
    padding-top: .9rem;
    padding-bottom: .9rem;
}

/* Topic column: title and description spacing */
.processos-page .topic-stack[b-5qep72akuj] {
    gap: .5rem;
}

.processos-page .info-tile.tile-title[b-5qep72akuj] {
    padding: .55rem .7rem;
}

.processos-page .info-tile.tile-desc[b-5qep72akuj] {
    padding: .55rem .7rem;
}

/* Right column: stack resolution and obs with consistent spacing */
.processos-page .resolucao-col .info-tile.tile-desc[b-5qep72akuj] {
    margin-bottom: .5rem;
}

/* Observações box refined */
.processos-page .obs-box[b-5qep72akuj] {
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.20);
    border-radius: .7rem;
    padding: .7rem;
}

.processos-page .obs-head[b-5qep72akuj] {
    border-bottom: 1px dashed rgba(255,255,255,.15);
    padding-bottom: .35rem;
}

/* Comentários items refined */
.processos-page .comentario-item[b-5qep72akuj] {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.22);
}

.processos-page .comentarios-thread[b-5qep72akuj] {
    max-height: 220px;
}

/* Status badge styling for better contrast */
.processos-page .badge.text-bg-warning[b-5qep72akuj] {
    color: #2b1d00;
}

/* Subtle separators between rows */
.processos-page .brand-table tbody tr.resp-item + tr.resp-item td[b-5qep72akuj] {
    border-top: 1px dashed rgba(255,255,255,.08);
}
/* _content/TioSamV1/Components/Shared/Header.razor.rz.scp.css */
/* CSS com escopo do componente Header */

/* Ajustes internos que continuam espec�ficos do componente */
.brand-header .summary-row[b-it44xqlgrl] {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.brand-header .brand-identity .brand-logo[b-it44xqlgrl] {
  max-height: 48px;
  height: auto;
}

/* Classe auxiliar (reservada) para futuras varia��es via HeaderClass */
.brand-header.full-bleed[b-it44xqlgrl] {
}