.modal-layer:has(.collaborator-editor){padding:18px;background:rgba(7,8,13,.78);backdrop-filter:blur(14px) saturate(1.1)}
.modal-collaborator{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1040px,calc(100vw - 36px));height:min(820px,calc(100dvh - 36px));max-height:none;overflow:hidden;border:1px solid rgba(132,139,255,.22);border-radius:24px;background:linear-gradient(155deg,#202329 0%,#181b20 58%,#17191e 100%);box-shadow:0 42px 120px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.035)}
.modal-collaborator>.modal-head{position:relative;top:auto;z-index:8;min-height:68px;box-sizing:border-box;padding:17px 24px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(24,27,32,.92);backdrop-filter:blur(20px)}
.modal-collaborator>.modal-head h2{display:grid;gap:2px;color:#f5f6f8;font:800 16px/1.25 Manrope,sans-serif;letter-spacing:-.015em}
.modal-collaborator>.modal-head h2:before{content:"GESTÃO DE PESSOAS";color:#7f89ff;font:800 8px/1 Manrope,sans-serif;letter-spacing:.14em}
.modal-collaborator>.modal-head .fechar{width:36px;height:36px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.025);color:#9da4ae;font-size:19px}
.modal-collaborator>.modal-head .fechar:hover{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.065);color:#fff;transform:none}
.modal-collaborator>form{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden}
.modal-collaborator .modal-body{display:block;min-height:0;max-height:none;padding:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(127,137,255,.42) transparent;overscroll-behavior:contain}
.modal-collaborator .modal-body::-webkit-scrollbar{width:8px}.modal-collaborator .modal-body::-webkit-scrollbar-track{background:transparent}.modal-collaborator .modal-body::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:rgba(127,137,255,.38);background-clip:padding-box}
.collaborator-editor{display:block;min-height:100%;background:radial-gradient(circle at 8% 0,rgba(98,91,246,.08),transparent 32%),transparent}
.modal-collaborator .editor-profile{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:126px;box-sizing:border-box;padding:22px 30px;border-bottom:1px solid rgba(255,255,255,.065);background:linear-gradient(110deg,rgba(99,91,246,.13),rgba(70,211,169,.035) 48%,transparent 75%)}
.modal-collaborator .editor-profile:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#7c72ff,#52d6ae);box-shadow:0 0 24px rgba(99,91,246,.5)}
.modal-collaborator .editor-avatar{width:76px;height:76px;border:2px solid rgba(126,137,255,.5);border-radius:22px;background:#282c34;color:#8e97ff;box-shadow:0 14px 32px rgba(0,0,0,.34),0 0 0 5px rgba(112,120,255,.07);font:800 18px Manrope,sans-serif}
.modal-collaborator .editor-profile-copy{display:grid;align-content:center;gap:4px;min-width:0}
.modal-collaborator .editor-profile-copy>span{color:#64d8b2;font:850 8px/1.2 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.modal-collaborator .editor-profile-copy>strong{overflow:hidden;color:#f7f8fa;font:850 24px/1.2 Manrope,sans-serif;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}
.modal-collaborator .editor-profile-copy>small{overflow:hidden;color:#9da5af;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.editor-profile-badge{display:inline-flex!important;align-items:center;justify-self:start;gap:6px;margin-top:5px;padding:5px 9px;border:1px solid rgba(83,215,173,.22);border-radius:999px;background:rgba(83,215,173,.08);color:#65dcb5!important;font:800 8px/1 Manrope,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase}
.editor-profile-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#59d7ad;box-shadow:0 0 10px #59d7ad}
.editor-profile-badge.is-inactive{border-color:rgba(148,156,168,.2);background:rgba(148,156,168,.07);color:#9da4ae!important}.editor-profile-badge.is-inactive:before{background:#858c96;box-shadow:none}
.modal-collaborator .editor-photo-actions{display:grid!important;grid-template-columns:1fr;gap:7px!important;width:154px}
.modal-collaborator .editor-photo-actions label,.modal-collaborator .editor-photo-actions button{display:flex;align-items:center;justify-content:center;min-height:36px;box-sizing:border-box;padding:0 12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.035);color:#d9dde3;font:750 9px Manrope,sans-serif;cursor:pointer;transition:.18s}
.modal-collaborator .editor-photo-actions label:before{content:"⌑";margin-right:7px;color:#8d94ff;font-size:13px}.modal-collaborator .editor-photo-actions button:before{content:"×";margin-right:7px;color:#ff8790;font-size:13px}
.modal-collaborator .editor-photo-actions label:hover{border-color:rgba(126,137,255,.4);background:rgba(126,137,255,.09);color:#fff}.modal-collaborator .editor-photo-actions button:hover{border-color:rgba(255,111,121,.3);background:rgba(255,111,121,.07);color:#ff9ba2}
.collaborator-editor-tabs{position:sticky;z-index:7;top:0;display:flex;gap:7px;padding:12px 30px;border-bottom:1px solid rgba(255,255,255,.065);background:rgba(24,27,32,.9);backdrop-filter:blur(18px)}
.collaborator-editor-tabs button{position:relative;display:flex;align-items:center;gap:9px;min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:11px;background:transparent;color:#969ea9;font:750 10px Manrope,sans-serif;cursor:pointer;transition:.18s}
.collaborator-editor-tabs button>i{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:rgba(255,255,255,.045);color:#808892;font:800 8px Manrope,sans-serif}.collaborator-editor-tabs button>span{white-space:nowrap}
.collaborator-editor-tabs button:hover{background:rgba(255,255,255,.035);color:#dfe2e6}.collaborator-editor-tabs button.is-active{border-color:rgba(126,137,255,.24);background:linear-gradient(135deg,rgba(108,99,255,.14),rgba(89,215,174,.045));color:#f4f5f8;box-shadow:inset 0 1px rgba(255,255,255,.025)}.collaborator-editor-tabs button.is-active>i{background:#7068ef;color:#fff;box-shadow:0 5px 14px rgba(99,91,246,.26)}
.modal-collaborator .editor-section{display:none;gap:20px;max-width:920px;box-sizing:border-box;margin:0 auto;padding:28px 30px 34px;border:0;background:transparent}.modal-collaborator .editor-section.is-active{display:grid;animation:collaboratorPanelIn .22s ease-out}@keyframes collaboratorPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.modal-collaborator .editor-section>header{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.07)}
.modal-collaborator .editor-section>header>span{width:36px;height:36px;border:1px solid rgba(126,137,255,.24);border-radius:11px;background:linear-gradient(145deg,rgba(108,99,255,.17),rgba(108,99,255,.07));color:#9ca3ff;font:850 9px Manrope,sans-serif}
.modal-collaborator .editor-section>header>div{gap:4px}.modal-collaborator .editor-section>header strong{color:#f2f4f7;font:820 15px Manrope,sans-serif}.modal-collaborator .editor-section>header small{color:#929aa5;font-size:10px;line-height:1.4}
.modal-collaborator .editor-grid{gap:15px 16px}.modal-collaborator .field{gap:7px}.modal-collaborator .field>label{color:#aeb5be;font:750 9px Manrope,sans-serif;letter-spacing:.035em}
.modal-collaborator .input,.modal-collaborator .field input,.modal-collaborator .field select{height:46px;box-sizing:border-box;border:1px solid rgba(255,255,255,.085);border-radius:12px;background:rgba(255,255,255,.025);color:#f1f3f5;padding:0 13px;font:600 12px DM Sans,sans-serif;transition:.18s}.modal-collaborator .input:hover{border-color:rgba(255,255,255,.14)}.modal-collaborator .input:focus{border-color:#746df4;background:rgba(99,91,246,.055);box-shadow:0 0 0 3px rgba(99,91,246,.12)}
.modal-collaborator .capacity-input span{top:17px;right:14px;font-size:8px}.modal-collaborator .editor-toggle{min-height:56px;padding:10px 13px;border-color:rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.022)}.modal-collaborator .editor-toggle strong{font-size:11px}.modal-collaborator .editor-toggle small{margin-top:2px;font-size:9px}.modal-collaborator .editor-toggle>input:checked+span{background:linear-gradient(90deg,#625bf6,#55d5ad)}
.modal-collaborator .security-section{background:transparent}.modal-collaborator .security-note{padding:13px 14px;border-color:rgba(164,127,255,.18);border-radius:12px;background:linear-gradient(135deg,rgba(148,113,255,.075),rgba(148,113,255,.025));font-size:10px;line-height:1.5}.modal-collaborator .security-note>span{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:8px;background:rgba(154,124,255,.13);color:#b59cff}.modal-collaborator .password-rules{padding-left:2px;color:#8f97a1;font-size:9px}
.modal-collaborator .operational-policy-section{max-width:960px}.modal-collaborator .operational-policy-intro{margin:0;padding:15px 16px;border-color:rgba(83,215,173,.16);background:linear-gradient(135deg,rgba(71,208,166,.07),rgba(99,91,246,.035));font-size:10px;line-height:1.55}.modal-collaborator .operational-policy-intro b{font-size:11px}.modal-collaborator .operational-policy-list{gap:9px}.modal-collaborator .operational-policy-group{display:flex;align-items:center;gap:10px;margin:15px 2px 3px;color:#858e99;font-size:8px}.modal-collaborator .operational-policy-group:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.06)}
.modal-collaborator .operational-policy-card{position:relative;grid-template-columns:minmax(0,1fr) 210px;gap:20px;min-height:70px;box-sizing:border-box;padding:13px 14px 13px 17px;border-color:rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.018)}.modal-collaborator .operational-policy-card:before{content:"";position:absolute;inset:13px auto 13px 0;width:3px;border-radius:0 3px 3px 0;background:#707781;transition:.18s}.modal-collaborator .operational-policy-card[data-policy-mode="BLOQUEADO"]:before{background:#ff6f79}.modal-collaborator .operational-policy-card[data-policy-mode="COM_APROVACAO"]:before{background:#f0b458}.modal-collaborator .operational-policy-card[data-policy-mode="AUTONOMO"]:before{background:#55d5ad}.modal-collaborator .operational-policy-card[data-policy-mode="HERDAR"]:before{background:#7f89ff}
.modal-collaborator .operational-policy-copy strong{font-size:11px}.modal-collaborator .operational-policy-copy small{max-width:590px;margin-top:4px;color:#929aa5;font-size:9px;line-height:1.48}.modal-collaborator .operational-policy-select{height:42px;border-color:rgba(255,255,255,.085);border-radius:11px;background:#23262c;color:#e9ecf0;padding:0 34px 0 12px;font-size:9px;outline:0}.modal-collaborator .operational-policy-select:focus{border-color:#7770f5;box-shadow:0 0 0 3px rgba(99,91,246,.11)}.modal-collaborator .operational-policy-legend{margin-top:5px;padding:12px 14px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.015);font-size:8px}
.modal-collaborator .modal-actions{position:relative;z-index:9;min-height:72px;box-sizing:border-box;gap:9px;margin:0;padding:13px 24px;border-top:1px solid rgba(255,255,255,.075);background:rgba(23,26,31,.96);backdrop-filter:blur(20px)}.modal-collaborator .modal-actions .btn{min-width:112px;min-height:42px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.035);color:#c8cdd4;font:750 10px Manrope,sans-serif}.modal-collaborator .modal-actions .btn-primary{min-width:158px;border-color:rgba(118,108,255,.62);background:linear-gradient(135deg,#6d65f4,#5d56dc);color:#fff;box-shadow:0 10px 26px rgba(99,91,246,.24)}.modal-collaborator .modal-actions .btn-primary:hover{filter:brightness(1.07);box-shadow:0 13px 30px rgba(99,91,246,.32)}
@media(max-width:760px){.modal-layer:has(.collaborator-editor){padding:0}.modal-collaborator{width:100vw;height:100dvh;border-radius:0}.modal-collaborator .editor-profile{grid-template-columns:64px minmax(0,1fr);padding:18px}.modal-collaborator .editor-avatar{width:58px;height:58px;border-radius:17px}.modal-collaborator .editor-profile-copy>strong{font-size:19px}.modal-collaborator .editor-photo-actions{grid-column:1/-1;grid-template-columns:1fr 1fr!important;width:auto}.collaborator-editor-tabs{padding:10px 14px;overflow-x:auto}.collaborator-editor-tabs button{flex:none}.modal-collaborator .editor-section{padding:22px 17px}.modal-collaborator .operational-policy-card{grid-template-columns:1fr;gap:10px}.modal-collaborator .editor-grid{grid-template-columns:1fr}.modal-collaborator .modal-actions{padding:11px 14px}.modal-collaborator .modal-actions .btn{min-width:0;flex:1}}