/* TOTNT | Gestao de Colaboradores - interface executiva */
.people-tabs{display:flex;align-items:center;gap:6px;padding:5px;background:#ebe7e1;border:1px solid #e4ddd3;border-radius:12px;width:max-content;max-width:100%;margin:0 0 22px;flex-wrap:wrap}
.people-tab{appearance:none;border:0;background:transparent;border-radius:9px;padding:13px 20px;color:#777b80;font-family:inherit;font-size:13px;font-weight:650;letter-spacing:-.1px;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.people-tab:hover{background:#f9f7f4;color:#33383b}
.people-tab.active{background:#fff;color:#252b2f;box-shadow:0 2px 8px rgba(30,30,30,.09)}
.people-tab:focus-visible{outline:2px solid #a88e66;outline-offset:2px}
#people-tab-content>.panel{border:1px solid #e7e3dc;border-radius:16px;padding:27px 30px 32px;box-shadow:0 8px 30px rgba(33,38,43,.035);background:#fff}
#people-tab-content>.panel>.panelhead{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:21px;border-bottom:1px solid #eeeae5}
#people-tab-content>.panel>.panelhead h3{font-size:17px;font-weight:720;letter-spacing:-.4px;color:#262c31;margin:0}
#people-tab-content .primary{background:#292d30;border:1px solid #292d30;padding:12px 19px;border-radius:9px;font-size:12px;font-weight:700;box-shadow:0 4px 10px #292d3010}
#people-tab-content .primary:hover{background:#454a4d}
#people-tab-content .tablewrap{margin-top:12px;min-height:140px}
#people-tab-content table{border-collapse:separate;border-spacing:0;width:100%}
#people-tab-content th{padding:17px 13px;color:#7e8790;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.65px;background:#faf9f7;border-bottom:1px solid #eae7e2}
#people-tab-content th:first-child{border-radius:8px 0 0 0}
#people-tab-content th:last-child{border-radius:0 8px 0 0}
#people-tab-content td{padding:17px 13px;color:#414950;border-bottom:1px solid #f0eeea;font-size:12px}
#people-tab-content tbody tr:hover{background:#f8f9fb}
#people-tab-content .panels{margin-top:0;gap:18px}
#people-tab-content .panels>.panel{border-radius:15px;border:1px solid #e7e3dc;padding:25px 27px;box-shadow:0 8px 30px #21262b08;min-height:230px}
#people-tab-content .panels h3{font-size:16px;color:#292d30;letter-spacing:-.3px;margin:0 0 18px;padding-bottom:15px;border-bottom:1px solid #ece9e4}
#people-tab-content .panels .list-item{padding:10px 0}
.main:has(.people-tabs)>.filters{background:#fff;border:1px solid #e7e3dc;border-radius:13px;padding:13px;margin:25px 0 20px;gap:11px;box-shadow:0 3px 16px #21262b05}
.main:has(.people-tabs)>.filters select,.main:has(.people-tabs)>.filters input{border:1px solid #e4e7eb;background:#fafbfc;border-radius:9px;padding:12px 13px;font-size:12px;min-height:44px}
.main:has(.people-tabs)>.filters input:focus,.main:has(.people-tabs)>.filters select:focus{outline:2px solid #c4ad85;outline-offset:1px}
.main:has(.people-tabs) header{padding-bottom:4px}
.main:has(.people-tabs) header h1{font-size:31px;letter-spacing:-1px;font-weight:750}
@media(max-width:650px){.people-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.people-tab{padding:12px 9px;font-size:11px}#people-tab-content>.panel{padding:18px 14px}#people-tab-content>.panel>.panelhead h3{font-size:15px}.main:has(.people-tabs)>.filters{padding:10px}}