.onchair-painel {
    display: flex;
    max-width: 1100px;
    margin: 40px auto;
    gap: 30px;
    align-items: flex-start;
}

.onchair-menu {
    width: 220px;
    background: #000;
    padding: 20px;
    border-radius: 12px;
    flex-shrink: 0;
}

.onchair-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.onchair-menu li + li {
    margin-top: 6px;
}

.onchair-menu a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 12px 14px;
    border-radius: 8px;
    transition: .2s ease;
}

.onchair-menu a:hover {
    color: gold;
    background: rgba(255,255,255,0.08);
}

.onchair-conteudo {
    flex: 1;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    min-width: 0;
}

.onchair-conteudo h2,
.onchair-conteudo h3,
.onchair-conteudo h4 {
    word-break: break-word;
}

.onchair-sucesso{
    background:#d4edda;
    border:1px solid #c3e6cb;
    color:#155724;
    padding:12px;
    border-radius:8px;
    margin-bottom:15px;
}

.onchair-erro{
    background:#f8d7da;
    border:1px solid #f5c6cb;
    color:#721c24;
    padding:12px;
    border-radius:8px;
    margin-bottom:15px;
}

.onchair-tabela-agendamentos{
    width:100%;
    border-collapse:collapse;
    margin-top:20px;
}

.onchair-tabela-agendamentos th,
.onchair-tabela-agendamentos td{
    border:1px solid #ddd;
    padding:10px;
    text-align:left;
    vertical-align: top;
}

.onchair-tabela-agendamentos th{
    background:#f5f5f5;
}

/* =========================
DETALHES AGENDAMENTO PROFISSIONAL
========================= */

.onchair-detalhes-linha{
    transition:all .25s ease;
}

.onchair-detalhes-box{
    background:#f9fbff;
    padding:20px;
    border-radius:10px;
}

.onchair-detalhes-grid{
    display:flex;
    align-items:flex-start;
    gap:25px;
    flex-wrap:wrap;
}

.onchair-avatar-mini{
    width:60px;
    height:60px;
    border-radius:50%;
}

.onchair-btn-whatsapp{
    background:#25d366;
    color:white;
    padding:8px 14px;
    border-radius:6px;
    text-decoration:none;
    display:inline-block;
    margin-top:6px;
}

.onchair-btn-whatsapp:hover{
    background:#1ebe5d;
}

.onchair-btn-perfil{
    background:#0d6efd;
    color:white;
    padding:8px 14px;
    border-radius:6px;
    text-decoration:none;
    display:inline-block;
    margin-top:6px;
    border: none;
    cursor: pointer;
}

.onchair-btn-perfil:hover{
    background:#0b5ed7;
}

.onchair-indice-cliente{
    background:#eef4ff;
    color:#0d6efd;
    padding:6px 10px;
    border-radius:6px;
    font-weight:600;
    display:inline-block;
    margin-top:6px;
}

.onchair-toggle-detalhes{
    background:#f1f5ff;
    border:1px solid #dbe6ff;
    padding:8px 12px;
    border-radius:6px;
    cursor:pointer;
    transition:.2s ease;
    width: 100%;
    max-width: 120px;
}

.onchair-toggle-detalhes:hover{
    background:#e1ebff;
}

.onchair-btn-avaliar{
    background:#fbbc04;
    color:#000;
    padding:8px 14px;
    border-radius:6px;
    border:none;
    cursor:pointer;
    font-weight:600;
    display:inline-block;
    margin-top:6px;
}

.onchair-btn-avaliar:hover{
    background:#e2a800;
}

/* =========================
FORMUL���RIO AVALIA������O CLIENTE
========================= */

.onchair-box-avaliacao{
    margin-top:15px;
    background:#ffffff;
    padding:15px;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.05);
}

.onchair-box-avaliacao label{
    display:block;
    font-weight:600;
    margin-top:10px;
    margin-bottom:4px;
}

.onchair-box-avaliacao select{
    width:120px;
    padding:6px;
    border-radius:6px;
    border:1px solid #ddd;
}

.onchair-box-avaliacao textarea{
    width:100%;
    min-height:80px;
    padding:8px;
    border-radius:6px;
    border:1px solid #ddd;
    resize:vertical;
    box-sizing: border-box;
}

.onchair-box-avaliacao button{
    margin-top:10px;
}

/* =========================
ESTRELAS AVALIA������O ONCHAIR
========================= */

.onchair-stars{
    display:flex;
    flex-direction:row-reverse;
    justify-content:flex-start;
    gap:4px;
    flex-wrap: wrap;
}

.onchair-stars input{
    display:none;
}

.onchair-stars label{
    font-size:26px;
    color:#ccc;
    cursor:pointer;
    transition:0.2s;
    line-height: 1;
}

.onchair-stars label:hover,
.onchair-stars label:hover ~ label{
    color:#fbbc04;
}

.onchair-stars input:checked ~ label{
    color:#fbbc04;
}

.onchair-avaliacao-realizada{
    margin-top:12px;
    background:#e7f5ff;
    padding:8px 12px;
    border-radius:6px;
    font-size:14px;
}

/* =========================
FORMUL���RIOS GERAIS
========================= */

.onchair-conteudo input[type="text"],
.onchair-conteudo input[type="email"],
.onchair-conteudo input[type="password"],
.onchair-conteudo input[type="number"],
.onchair-conteudo input[type="date"],
.onchair-conteudo input[type="time"],
.onchair-conteudo textarea,
.onchair-conteudo select {
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
}

.onchair-conteudo button,
.onchair-conteudo .onchair-btn,
.onchair-conteudo a.onchair-btn,
.onchair-conteudo input[type="submit"] {
    min-height: 42px;
    border-radius: 8px;
}

.onchair-galeria-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
    gap:14px;
}

.onchair-galeria-item{
    position:relative;
    background:#f8f8f8;
    border-radius:10px;
    padding:8px;
}

.onchair-galeria-item img{
    width:100%;
    height:120px;
    object-fit:cover;
    border-radius:8px;
    display:block;
}

.onchair-btn-excluir-foto,
.onchair-btn-principal{
    margin-top:8px; 
    margin-right:6px;
}

/* =========================
MOBILE
========================= */

@media (max-width: 900px){

    .onchair-painel {
        flex-direction: column;
        gap: 18px;
        margin: 20px auto;
        padding: 0 14px;
    }

    .onchair-menu {
        width: 100%;
        padding: 14px;
        background: #1A1A1A;
        border: 1px solid rgba(200,161,63,0.22);
    }

    .onchair-menu ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 10px;
    }

    .onchair-menu li + li {
        margin-top: 0;
    }

    .onchair-menu a {
        text-align: center;
        padding: 12px 10px;
        font-size: 14px;
        color: #F2F2F2;
        background: #0F0F0F;
        border: 1px solid rgba(200,161,63,0.18);
    }

    .onchair-menu a:hover {
        color: #E6C878;
        background: #141414;
    }

    .onchair-conteudo {
        width: 100%;
        padding: 18px 16px;
        border-radius: 12px;
        background: #F2F2F2;
    }

    .onchair-conteudo h2 {
        font-size: 28px;
        line-height: 1.2;
        margin-top: 0;
    }

    .onchair-conteudo h3 {
        font-size: 22px;
        line-height: 1.2;
        margin-bottom: 14px;
    }

    /* =========================
       TABELA �� CARD MOBILE PREMIUM
    ========================= */

    .onchair-tabela-agendamentos,
    .onchair-tabela-agendamentos tbody,
    .onchair-tabela-agendamentos th,
    .onchair-tabela-agendamentos td,
    .onchair-tabela-agendamentos tr {
        display: block;
        width: 100%;
    }

    .onchair-tabela-agendamentos {
        border: 0;
        margin-top: 14px;
        background: transparent;
    }

    .onchair-tabela-agendamentos tr:first-child {
        display: none;
    }

    /* linha principal vira card */
    .onchair-tabela-agendamentos tbody > tr:not(.onchair-detalhes-linha) {
        position: relative;
        margin-bottom: 14px;
        padding: 14px 14px 12px;
        border-radius: 16px;
        background: linear-gradient(180deg, #1A1A1A 0%, #111111 100%);
        border: 1px solid rgba(200,161,63,0.35);
        box-shadow:
            0 6px 18px rgba(0,0,0,0.20),
            inset 0 1px 0 rgba(230,200,120,0.05);
        overflow: hidden;
    }

    .onchair-tabela-agendamentos tbody > tr:not(.onchair-detalhes-linha) td {
        border: 0;
        background: transparent;
        margin: 0;
        padding: 0;
        color: #F2F2F2;
        line-height: 1.25;
        word-break: break-word;
    }

    /* esconde a coluna de a������es antiga no mobile */
    .onchair-tabela-agendamentos tbody > tr:not(.onchair-detalhes-linha) td:nth-child(6) {
        display: none;
    }

    /* linha 1: data + hora + status */
    .onchair-tabela-agendamentos tbody > tr:not(.onchair-detalhes-linha) td:nth-child(1),
    .onchair-tabela-agendamentos tbody > tr:not(.onchair-detalhes-linha) td:nth-child(2),
    .onchair-tabela-agendamentos tbody > tr:not(.onchair-detalhes-linha) td:nth-child(5) {
        display: inline-flex;
        align-items: center;
        width: auto;
        margin-bottom: 8px;
        font-size: 12px;
        font-weight: 700;
    }

    .onchair-tabela-agendamentos tbody > tr:not(.onchair-detalhes-linha) td:nth-child(1) {
        color: #E6C878;
        margin-right: 8px;
    }

    .onchair-tabela-agendamentos tbody > tr:not(.onchair-detalhes-linha) td:nth-child(2) {
        color: #F2F2F2;
        margin-right: 8px;
    }

    .onchair-tabela-agendamentos tbody > tr:not(.onchair-detalhes-linha) td:nth-child(5) {
        float: right;
        margin-bottom: 0;
        padding: 5px 10px;
        border-radius: 999px;
        background: rgba(200,161,63,0.14);
        border: 1px solid rgba(200,161,63,0.35);
        color: #E6C878;
        font-size: 11px;
        font-weight: 700;
    }

    /* linha 2: cliente */
    .onchair-tabela-agendamentos tbody > tr:not(.onchair-detalhes-linha) td:nth-child(3) {
        clear: both;
        display: block;
        font-size: 16px;
        font-weight: 700;
        color: #F2F2F2;
        margin-top: 2px;
        margin-bottom: 6px;
    }

    /* linha 3: servi���o */
    .onchair-tabela-agendamentos tbody > tr:not(.onchair-detalhes-linha) td:nth-child(4) {
        display: block;
        font-size: 13px;
        color: #d7d7d7;
        margin-bottom: 10px;
    }

    /* linha 4: bot���o ver */
    .onchair-tabela-agendamentos tbody > tr:not(.onchair-detalhes-linha) td:nth-child(7) {
        display: block;
        margin-top: 0;
    }

    .onchair-toggle-detalhes {
        width: 100%;
        max-width: 100%;
        background: #C8A13F;
        color: #0F0F0F;
        border: 0;
        padding: 10px 12px;
        border-radius: 10px;
        font-weight: 700;
        box-sizing: border-box;
    }

    .onchair-toggle-detalhes:hover {
        background: #E6C878;
    }

    /* detalhes expandidos */
    .onchair-detalhes-linha {
        margin-top: -8px;
        margin-bottom: 14px;
    }

    .onchair-detalhes-linha td {
        border: 0;
        padding: 0 !important;
        background: transparent !important;
    }

    .onchair-detalhes-box {
        background: #161616;
        color: #F2F2F2;
        padding: 14px;
        border-radius: 0 0 14px 14px;
        border: 1px solid rgba(200,161,63,0.22);
        border-top: 0;
    }

    .onchair-detalhes-grid {
        flex-direction: column;
        gap: 12px;
    }

    .onchair-detalhes-grid > div {
        width: 100%;
        font-size: 14px;
        line-height: 1.45;
        color: #F2F2F2;
    }

    .onchair-btn-whatsapp,
    .onchair-btn-perfil,
    .onchair-btn-avaliar,
    .onchair-conteudo button,
    .onchair-conteudo .onchair-btn {
        width: 100%;
        max-width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    .onchair-btn-whatsapp {
        background: #25d366;
        color: #fff;
        border: 0;
    }

    .onchair-btn-perfil {
        background: #C8A13F;
        color: #0F0F0F;
    }

    .onchair-btn-avaliar {
        background: #E6C878;
        color: #0F0F0F;
    }

    .onchair-indice-cliente {
        background: rgba(200,161,63,0.12);
        color: #E6C878;
        border: 1px solid rgba(200,161,63,0.28);
    }

    .onchair-box-avaliacao {
        padding: 14px;
        background: #101010;
        border: 1px solid rgba(200,161,63,0.18);
    }

    .onchair-box-avaliacao label {
        color: #F2F2F2;
    }

    .onchair-box-avaliacao textarea,
    .onchair-box-avaliacao input,
    .onchair-box-avaliacao select {
        background: #1A1A1A;
        color: #F2F2F2;
        border: 1px solid rgba(200,161,63,0.18);
    }

    .onchair-stars {
        gap: 8px;
    }

    .onchair-stars label {
        font-size: 34px;
    }

    .onchair-avaliacao-realizada {
        background: rgba(200,161,63,0.10);
        color: #F2F2F2;
        border: 1px solid rgba(200,161,63,0.20);
    }

    .onchair-galeria-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .onchair-galeria-item img{
        height:110px;
    }
}

@media (max-width: 560px){

    .onchair-painel {
        padding: 0 10px;
        margin: 14px auto;
    }

    .onchair-menu {
        padding: 10px;
        border-radius: 10px;
    }

    .onchair-menu ul {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .onchair-menu a {
        font-size: 13px;
        padding: 10px 8px;
        line-height: 1.25;
    }

    .onchair-conteudo {
        padding: 14px 12px;
    }

    .onchair-conteudo h2 {
        font-size: 24px;
    }

    .onchair-conteudo h3 {
        font-size: 19px;
    }

    .onchair-conteudo h4 {
        font-size: 16px;
    }

    .onchair-tabela-agendamentos tbody > tr:not(.onchair-detalhes-linha) {
        padding: 12px;
        border-radius: 14px;
    }

    .onchair-tabela-agendamentos tbody > tr:not(.onchair-detalhes-linha) td:nth-child(3) {
        font-size: 15px;
    }

    .onchair-tabela-agendamentos tbody > tr:not(.onchair-detalhes-linha) td:nth-child(4) {
        font-size: 12px;
    }

    .onchair-toggle-detalhes {
        padding: 9px 10px;
        font-size: 14px;
    }

    .onchair-detalhes-box {
        padding: 12px;
    }

    .onchair-avaliacao-realizada {
        font-size: 13px;
    }

    .onchair-galeria-grid{
        grid-template-columns:1fr 1fr;
        gap:10px;
    }

    .onchair-galeria-item > img{
        height:95px;
    }
}

.onchair-duracao-grid{
display:flex;
gap:10px;
max-width:420px;
}

.onchair-duracao-grid select{
width:50%;
padding:10px 12px;
border:1px solid #ddd;
border-radius:8px;
}

@media(max-width:600px){
.onchair-duracao-grid{
max-width:100%;
}
}

/* ==============================
ONCHAIR - PAINEL PROFISSIONAL
============================== */

.onchair-painel {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 24px;
    max-width: 1180px;
    margin: 35px auto;
    padding: 0 16px;
}

.onchair-menu {
    background: linear-gradient(145deg, #0F0F0F, #1A1A1A);
    border: 1px solid rgba(200,161,63,.28);
    border-radius: 22px;
    padding: 18px;
    height: fit-content;
    box-shadow: 0 16px 35px rgba(0,0,0,.18);
}

.onchair-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.onchair-menu li {
    margin-bottom: 10px;
}

.onchair-menu a {
    display: block;
    padding: 13px 14px;
    border-radius: 14px;
    color: #F2F2F2;
    text-decoration: none;
    font-weight: 700;
    transition: .25s ease;
}

.onchair-menu a:hover {
    background: rgba(200,161,63,.15);
    color: #E6C878;
}

.onchair-conteudo {
    background: #fff;
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 16px 40px rgba(0,0,0,.12);
}

.onchair-conteudo h2,
.onchair-conteudo h3,
.onchair-conteudo h4 {
    color: #0F0F0F;
    margin-top: 0;
}

/* Meus dados em grid no desktop */

.onchair-conteudo form:has(input[name="whatsapp"]) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 18px;
    align-items: end;
}

.onchair-conteudo form:has(input[name="whatsapp"]) label {
    font-weight: 700;
    color: #333;
}

.onchair-conteudo form:has(input[name="whatsapp"]) input {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid #ddd;
    border-radius: 14px;
    font-size: 15px;
    box-sizing: border-box;
}

.onchair-conteudo form:has(input[name="whatsapp"]) button {
    grid-column: 1 / -1;
    width: 100%;
    padding: 14px;
    border: none;
    border-radius: 15px;
    background: linear-gradient(135deg, #C8A13F, #E6C878);
    color: #0F0F0F;
    font-weight: 800;
    cursor: pointer;
}

/* Link Alterar dados cadastrais como botão */

.onchair-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 18px;
    margin: 16px 0;
    border-radius: 15px;
    background: #0F0F0F;
    color: #E6C878 !important;
    text-decoration: none !important;
    font-weight: 800;
    border: 1px solid rgba(200,161,63,.45);
    transition: .25s ease;
}

.onchair-btn:hover {
    transform: translateY(-2px);
    background: #1A1A1A;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

/* Mobile */

@media (max-width: 768px) {
    .onchair-painel {
        display: block;
        margin: 20px auto;
        padding: 0 12px 80px;
    }

    .onchair-menu {
        margin-bottom: 18px;
        border-radius: 18px;
    }

    .onchair-menu ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .onchair-menu li {
        margin: 0;
    }

    .onchair-menu a {
        text-align: center;
        font-size: 14px;
        padding: 12px 10px;
    }

    .onchair-conteudo {
        padding: 20px;
        border-radius: 20px;
    }

    .onchair-conteudo form:has(input[name="whatsapp"]) {
        display: block;
    }

    .onchair-conteudo form:has(input[name="whatsapp"]) input {
        margin-bottom: 14px;
    }

    .onchair-btn {
        width: 100%;
        box-sizing: border-box;
    }
}

/* ==============================
ONCHAIR - REFINAMENTO GERAL PAINEL PROFISSIONAL
============================== */

.onchair-painel {
    max-width: 1280px !important;
    grid-template-columns: 250px minmax(0, 1fr) !important;
    gap: 26px !important;
}

.onchair-conteudo {
    background: #000000 !important;
    border-radius: 26px !important;
    padding: 30px !important;
}

.onchair-conteudo h2 {
    font-size: 30px;
    margin-bottom: 10px;
}

.onchair-conteudo h3 {
    font-size: 24px;
    margin-bottom: 18px;
}

.onchair-conteudo h4 {
    font-size: 18px;
    margin: 22px 0 14px;
}

.onchair-conteudo hr {
    border: 0;
    border-top: 1px solid #e5e5e5;
    margin: 26px 0;
}

/* Cards internos */

.onchair-conteudo form,
.onchair-lista-servicos-profissional,
.onchair-galeria-grid {
    width: 100%;
}

/* Área Meus Dados */

.onchair-conteudo form:has(input[name="whatsapp"]) {
    background: #fff;
    padding: 22px;
    border-radius: 20px;
    border: 1px solid #ececec;
    box-shadow: 0 10px 28px rgba(0,0,0,.06);
}

/* Serviços */

.onchair-form-servico-profissional {
    background: #fff;
    padding: 22px;
    border-radius: 20px;
    border: 1px solid #ececec;
    box-shadow: 0 10px 28px rgba(0,0,0,.06);
}

.onchair-form-servico-profissional select,
.onchair-form-servico-profissional input {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px;
    border-radius: 14px !important;
}

.onchair-duracao-grid {
    max-width: 100% !important;
}

/* Cards dos serviços cadastrados */

.onchair-lista-servicos-profissional {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.onchair-servico-profissional-card {
    background: #fff !important;
    border: 1px solid #ececec !important;
    border-radius: 20px !important;
    padding: 20px !important;
    margin-bottom: 0 !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.06);
}

.onchair-servico-profissional-card h4 {
    color: #0F0F0F;
    font-size: 18px;
    margin-bottom: 10px;
}

.onchair-servico-profissional-card form {
    margin-top: 14px;
}

.onchair-servico-profissional-card button {
    width: 100%;
    border: 0;
    border-radius: 14px;
    padding: 12px 14px;
    font-weight: 800;
    cursor: pointer;
}

/* ==============================
GALERIA PROFISSIONAL - FINAL CORRIGIDO
============================== */

.onchair-galeria-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.onchair-galeria-item {
    position: relative !important;
    background: #fff !important;
    border-radius: 20px !important;
    padding: 10px !important;
    border: 1px solid #ececec !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.06) !important;
    overflow: hidden !important;
}

.onchair-galeria-item > img {
    width: 100% !important;
    height: 170px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    display: block !important;
}

/* Forms dos botões sobre a imagem */
.onchair-galeria-item form:has(.onchair-btn-excluir-foto),
.onchair-galeria-item form:has(.onchair-btn-principal) {
    position: absolute !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 20 !important;
}

.onchair-galeria-item form:has(.onchair-btn-excluir-foto) {
    top: 18px !important;
    right: 18px !important;
}

.onchair-galeria-item form:has(.onchair-btn-principal) {
    bottom: 18px !important;
    left: 18px !important;
}

.onchair-galeria-item .onchair-btn-excluir-foto,
.onchair-galeria-item .onchair-btn-principal {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px !important;
    line-height: 1 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.28) !important;
}

.onchair-galeria-item .onchair-btn-excluir-foto {
    background: #ff3b30 !important;
    color: #fff !important;
}

.onchair-galeria-item .onchair-btn-principal {
    background: linear-gradient(135deg, #C8A13F, #E6C878) !important;
    color: #0F0F0F !important;
}

/* Upload */
.onchair-conteudo form:has(input[name="galeria[]"]) {
    background: #fff !important;
    padding: 20px !important;
    border-radius: 20px !important;
    border: 1px dashed rgba(200,161,63,.55) !important;
    margin-bottom: 20px !important;
}

.onchair-conteudo input[type="file"] {
    width: 100% !important;
    background: #fafafa !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 14px !important;
    padding: 14px !important;
}

/* Agenda */
.onchair-tabela-agendamentos {
    background: #fff !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.06) !important;
}

.onchair-tabela-agendamentos th {
    background: #0F0F0F !important;
    color: #E6C878 !important;
    border-color: #222 !important;
}

.onchair-tabela-agendamentos td {
    background: #fff;
}

/* Mobile */
@media (max-width: 900px) {
    .onchair-painel {
        display: block !important;
        padding: 0 12px 90px !important;
    }

    .onchair-conteudo {
        padding: 18px !important;
        border-radius: 20px !important;
    }

    .onchair-lista-servicos-profissional {
        grid-template-columns: 1fr !important;
    }

    .onchair-galeria-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .onchair-galeria-item > img {
        height: 135px !important;
    }
}

@media (max-width: 480px) {
    .onchair-menu ul {
        grid-template-columns: 1fr 1fr !important;
    }

    .onchair-conteudo h2 {
        font-size: 24px !important;
    }

    .onchair-conteudo h3 {
        font-size: 20px !important;
    }

    .onchair-galeria-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .onchair-galeria-item > img {
        height: 115px !important;
    }
}

/* ==============================
UPGRADE BOX
============================== */

.onchair-upgrade-box {
    background: linear-gradient(135deg, #0F0F0F, #1A1A1A);
    border: 1px solid rgba(200,161,63,.45);
    border-radius: 18px;
    padding: 18px;
    margin: 18px 0 24px;
    color: #F2F2F2;
    box-shadow: 0 12px 28px rgba(0,0,0,.18);
}

.onchair-upgrade-box h4 {
    color: #E6C878 !important;
    margin: 0 0 10px;
    font-size: 18px;
}

.onchair-upgrade-box p {
    margin: 0 0 16px;
    line-height: 1.5;
    color: #F2F2F2;
}

.onchair-btn-upgrade {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #C8A13F, #E6C878);
    color: #0F0F0F !important;
    padding: 12px 18px;
    border-radius: 14px;
    font-weight: 800;
    text-decoration: none !important;
}

@media (max-width: 600px) {
    .onchair-btn-upgrade {
        width: 100%;
    }
}

/* ==============================
LOGIN PAINEL PROFISSIONAL
============================== */

.onchair-auth-wrapper {
    max-width: 440px;
    margin: 50px auto;
    padding: 28px;
    background: linear-gradient(145deg, #0F0F0F, #1A1A1A);
    border: 1px solid rgba(200,161,63,.35);
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(0,0,0,.25);
    color: #F2F2F2;
}

.onchair-auth-tabs {
    margin-bottom: 22px;
    text-align: center;
}

.onchair-auth-tabs .tab-btn {
    width: 100%;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(200,161,63,.4);
    background: rgba(200,161,63,.12);
    color: #E6C878;
    font-weight: 800;
    font-size: 16px;
}

.onchair-auth-wrapper form {
    display: grid;
    gap: 14px;
}

.onchair-auth-wrapper input {
    width: 100%;
    padding: 14px 15px;
    border-radius: 14px;
    border: 1px solid rgba(200,161,63,.35);
    background: #fff;
    color: #111;
    font-size: 15px;
    box-sizing: border-box;
}

.onchair-auth-wrapper input:focus {
    outline: none;
    border-color: #C8A13F;
    box-shadow: 0 0 0 3px rgba(200,161,63,.22);
}

.onchair-auth-wrapper button[type="submit"],
.onchair-auth-wrapper .btn-profissional {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px;
    border-radius: 16px;
    border: none;
    background: linear-gradient(135deg, #C8A13F, #E6C878);
    color: #0F0F0F !important;
    font-weight: 800;
    text-decoration: none !important;
    cursor: pointer;
    transition: .25s ease;
    box-sizing: border-box;
}

.onchair-auth-wrapper button[type="submit"]:hover,
.onchair-auth-wrapper .btn-profissional:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(200,161,63,.28);
}

.cadastro-profissional-link {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.1);
    text-align: center;
}

.cadastro-profissional-link p {
    margin: 0 0 10px;
    color: #F2F2F2;
    font-size: 14px;
}

@media (max-width: 600px) {
    .onchair-auth-wrapper {
        margin: 28px 12px;
        padding: 22px;
        border-radius: 20px;
    }
}

.onchair-status {
    padding: 12px 16px;
    border-radius: 12px;
    font-weight: 700;
    margin-bottom: 18px;
    text-align: center;
}

.status-pendente {
    background: rgba(243,156,18,.15);
    color: #f39c12;
}

.status-aprovado {
    background: rgba(46,204,113,.15);
    color: #2ecc71;
}

.status-reprovado {
    background: rgba(231,76,60,.15);
    color: #e74c3c;
}

.onchair-password-field {
    position: relative;
    width: 100%;
}

.onchair-password-field .onchair-password-input {
    padding-right: 46px !important;
}

.onchair-toggle-password {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 18px;
    color: #999;
    z-index: 10;
    line-height: 1;
}

.onchair-toggle-password:hover {
    color: #C8A13F;
}

.onchair-toggle-password {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.onchair-toggle-password svg {
    display: none;
}

.onchair-toggle-password .icon-eye {
    display: block;
}

.onchair-toggle-password.active .icon-eye {
    display: none;
}

.onchair-toggle-password.active .icon-eye-off {
    display: block;
}

.onchair-toggle-password:hover {
    color: #C8A13F;
}

.onchair-bloqueios-lista {
    margin-top: 22px;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 10px 28px rgba(0,0,0,.06);
}

.onchair-bloqueios-lista h4 {
    margin-top: 0;
}

.onchair-bloqueio-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}

.onchair-bloqueio-item:last-child {
    border-bottom: none;
}

.onchair-bloqueio-item small {
    color: #666;
}

.onchair-bloqueio-item form {
    margin: 0;
    width: auto;
}

.onchair-btn-excluir-bloqueio {
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 50% !important;
    border: none !important;
    background: #dc2626 !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    cursor: pointer;
    padding: 0 !important;
}

@media (max-width: 600px) {
    .onchair-bloqueio-item {
        align-items: flex-start;
    }

    .onchair-btn-excluir-bloqueio {
        width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
    }
}