#sx-team-screen{padding:26px 28px!important;background:#f6f8fb!important;color:#182230!important}
#sx-team-screen .wrap{max-width:1320px!important;margin:0 auto!important}
#sx-team-screen .sx-team-workspace{padding-bottom:32px}
#sx-team-screen .team-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px;padding:2px 0 4px}
#sx-team-screen .team-hero .eyebrow{margin-bottom:7px;color:#a8003b;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
#sx-team-screen .team-hero h1{margin:0;font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.025em;color:#182230}
#sx-team-screen .team-hero p{margin:7px 0 0;color:#68758a;font-size:14px}
#sx-team-screen .team-hero button.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:9px;box-shadow:0 4px 10px #a8003b25;font-weight:600;white-space:nowrap}
#sx-team-screen .team-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}
#sx-team-screen .stat-card{display:flex;align-items:center;gap:13px;min-height:92px;padding:15px 17px;border:1px solid #e4e9f0;border-radius:12px;background:#fff;box-shadow:0 3px 10px #18223008;text-align:left;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
#sx-team-screen .stat-card:hover{transform:translateY(-1px);border-color:#d3dbe7;box-shadow:0 7px 18px #18223012}
#sx-team-screen .stat-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:50%;font-size:25px;font-weight:600}
#sx-team-screen .tone-rose .stat-icon{background:#fdebf1;color:#c90048}#sx-team-screen .tone-blue .stat-icon{background:#eaf3ff;color:#1680ed}#sx-team-screen .tone-green .stat-icon{background:#e8f8ef;color:#00a268}#sx-team-screen .tone-orange .stat-icon{background:#fff1e6;color:#ef7800}
#sx-team-screen .stat-copy{display:grid;gap:2px;flex:1;min-width:0}.stat-copy small{color:#6c7890;font-size:12px}.stat-copy strong{color:#111d2f;font-size:23px;line-height:1.2}.stat-chevron{color:#8b98ad;font-size:24px}
#sx-team-screen .team-tabs{position:sticky;top:0;z-index:3;display:flex;gap:8px;margin:0 0 20px;padding:0 0 1px;border-bottom:1px solid #e1e6ee;background:#f6f8fb}
#sx-team-screen .team-tabs button{position:relative;min-height:48px;padding:0 18px;border:0;border-radius:0;background:transparent;color:#65738b;font-weight:600}
#sx-team-screen .team-tabs button[aria-selected=true]{color:#b00040}
#sx-team-screen .team-tabs button[aria-selected=true]:after{position:absolute;right:12px;bottom:-2px;left:12px;height:3px;border-radius:3px;background:#c00045;content:""}
#sx-team-screen .team-panel[hidden]{display:none!important}#sx-team-screen .team-panel.active{display:block}
#sx-team-screen .team-content-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,.95fr);align-items:start;gap:16px}
#sx-team-screen .team-content-grid main{min-width:0}
#sx-team-screen .card.section-card,#sx-team-screen .hierarchy-card{margin:0 0 16px;padding:20px;border:1px solid #e3e8ef;border-radius:12px;background:#fff;box-shadow:0 4px 14px #18223008}
#sx-team-screen .section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
#sx-team-screen .section-heading h2,#sx-team-screen .hierarchy-card h2{margin:0 0 4px;font-size:18px;font-weight:700}
#sx-team-screen .section-heading p,#sx-team-screen .hierarchy-card>p{margin:0;font-size:13px}
#sx-team-screen .member-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) minmax(150px,.7fr);gap:12px;margin:18px 0 13px}
#sx-team-screen .member-toolbar label{display:block}.search-box{position:relative}.search-box>span{position:absolute;top:8px;left:13px;color:#8390a5;font-size:22px;font-weight:400}.search-box input{width:100%;padding-left:40px!important}
#sx-team-screen[dir=rtl] .search-box>span{right:13px;left:auto}#sx-team-screen[dir=rtl] .search-box input{padding-right:40px!important;padding-left:10px!important}
#sx-team-screen .member-toolbar select,#sx-team-screen .member-toolbar input{width:100%;min-height:44px;border-color:#dfe5ed;background:#fff}
#sx-team-screen .member-table-wrap{overflow-x:auto;border:1px solid #e7ebf1;border-radius:10px}
#sx-team-screen .member-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
#sx-team-screen .member-table th{padding:11px 12px;background:#f7f9fc;color:#68758a;text-align:left;font-size:12px;font-weight:700;white-space:nowrap}
#sx-team-screen[dir=rtl] .member-table th{text-align:right}
#sx-team-screen .member-table td{padding:12px;border-top:1px solid #edf0f4;vertical-align:middle}
#sx-team-screen .member-identity{display:flex;align-items:center;gap:11px;min-width:180px}.member-identity>span:last-child{display:grid;gap:2px}.member-identity small{color:#77839a;font-size:11px}
#sx-team-screen .avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;font-size:12px;font-weight:700}
#sx-team-screen .avatar-manager{background:#fdebf1;color:#b80043}#sx-team-screen .avatar-accountant{background:#eaf3ff;color:#1674d1}#sx-team-screen .avatar-agent,#sx-team-screen .avatar-team_leader{background:#e7f8ef;color:#008c5d}
#sx-team-screen .role-badge,#sx-team-screen .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:7px;font-size:11px;font-weight:600;white-space:nowrap}
#sx-team-screen .role-manager{background:#fdebf1;color:#b80043}#sx-team-screen .role-accountant{background:#eaf3ff;color:#1674d1}#sx-team-screen .role-agent,#sx-team-screen .role-team_leader{background:#e7f8ef;color:#008c5d}
#sx-team-screen .status-badge{border-radius:20px;background:#e7f8ef;color:#008c5d}.status-badge i{width:7px;height:7px;border-radius:50%;background:#08a66a}
#sx-team-screen .member-custom-role{display:block;margin-top:4px;color:#77839a;font-size:11px}
#sx-team-screen .edit-member{min-height:34px;padding:5px 11px;background:#fff;font-size:12px;font-weight:600}
#sx-team-screen .member-row.subordinate td:first-child{position:relative}.member-row.subordinate .member-identity{padding-left:26px}
#sx-team-screen[dir=rtl] .member-row.subordinate .member-identity{padding-right:26px;padding-left:0}
#sx-team-screen .member-detail-row[hidden],#sx-team-screen .member-row[hidden]{display:none!important}
#sx-team-screen .member-detail-panel{display:grid;gap:14px;padding:16px;background:#fafbfd;border:1px solid #e8edf3;border-radius:9px}
#sx-team-screen .member-role-assignment{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}.member-role-assignment label{min-width:210px;max-width:320px}
#sx-team-screen .member-role-assignment select{min-width:210px}
#sx-team-screen .member-detail-panel .nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
#sx-team-screen .member-detail-panel .nav-option{min-width:0;font-size:12px}
#sx-team-screen .hierarchy-card{position:sticky;top:72px;padding:20px}
#sx-team-screen .hierarchy-card h2{margin-bottom:4px}
#sx-team-screen .hierarchy-node{display:grid;gap:3px;padding:13px 14px;border:1px solid #e4e9f0;border-radius:9px;background:#f9fafc;text-align:center}
#sx-team-screen .hierarchy-node strong{color:#172234;font-size:13px}.hierarchy-node span{color:#6e7a90;font-size:11px}
#sx-team-screen .manager-node{border-color:#f3bfd0;background:#fff2f6}.manager-node strong{color:#ae003e!important}
#sx-team-screen .hierarchy-connector{width:1px;height:20px;margin:0 auto;background:#aeb9c9}
#sx-team-screen .hierarchy-branches{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:20px}
#sx-team-screen .hierarchy-branches:before{position:absolute;top:0;left:25%;width:50%;height:1px;background:#aeb9c9;content:""}
#sx-team-screen .role-node{position:relative;min-height:79px;align-content:start;text-align:left}
#sx-team-screen .role-node:before{position:absolute;top:-20px;left:50%;width:1px;height:20px;background:#aeb9c9;content:""}
#sx-team-screen[dir=rtl] .role-node{text-align:right}
#sx-team-screen .hierarchy-note{margin-top:14px;padding:12px;border-radius:8px;background:#edf5ff;color:#1555a0;font-size:12px;line-height:1.5}
#sx-team-screen #sx-team-seat-usage{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}
#sx-team-screen .seat-card{padding:13px;border-color:#e7ebf1;background:#fbfcfe}.seat-card strong{font-size:13px}
#sx-team-screen #sx-team-list .row{padding:12px 2px}
#sx-team-screen .empty-state{display:grid;justify-items:center;padding:42px 20px;text-align:center}.empty-state p{margin:5px 0}.empty-icon{font-size:28px;color:#a8003b}
#sx-team-screen .team-dialog{width:min(700px,calc(100vw - 28px));max-height:min(88vh,900px);overflow:auto;padding:24px;border:1px solid #e1e7ef;border-radius:16px;background:#fff;color:#182230;box-shadow:0 24px 80px #10182845}
#sx-team-screen .team-dialog::backdrop{background:#10182866;backdrop-filter:blur(2px)}
#sx-team-screen .dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.dialog-heading h2{margin:0 0 4px}.dialog-heading p{margin:0}.icon-button{width:38px;min-width:38px;height:38px;padding:0!important;font-size:22px!important}
#sx-team-screen .team-dialog form#sx-team-form,#sx-team-screen .team-dialog form#sx-role-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}
#sx-team-screen .team-dialog form#sx-team-form>p,#sx-team-screen .team-dialog .role-description,#sx-team-screen .team-dialog .permission-fieldset,#sx-team-screen .team-dialog .dialog-actions{grid-column:1/-1}
#sx-team-screen .team-dialog form#sx-team-form>label{font-size:12px}
#sx-team-screen .team-dialog form#sx-team-form input,#sx-team-screen .team-dialog form#sx-team-form select{width:100%;min-height:43px}
#sx-team-screen .dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}
#sx-team-screen .role-dialog{width:min(920px,calc(100vw - 28px))}
#sx-team-screen .role-dialog .permission-fieldset{max-height:44vh;overflow:auto}
#sx-team-screen .role-dialog .permission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#sx-team-screen .role-row{padding:15px 2px}.role-row strong{font-size:14px}
#sx-team-screen #sx-qr-channels .qr-channel-form{margin:14px 0;padding:18px;border-color:#e5eaf1;background:#fff}
#sx-team-screen .qr-channel-form .member-head{align-items:center}.qr-channel-form .nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#sx-team-screen .qr-channel-form .nav-option{align-items:center;min-height:50px;border-color:#e7ebf1;background:#fff;font-size:12px;line-height:1.4}
#sx-team-screen .qr-channel-form .nav-option span{overflow-wrap:anywhere}
#sx-team-screen .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1100px){#sx-team-screen .team-content-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.9fr)}#sx-team-screen .member-detail-panel .nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#sx-team-screen .role-dialog .permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){#sx-team-screen,#sx-team-screen[dir=rtl]{padding:18px 16px!important}#sx-team-screen .team-content-grid{grid-template-columns:1fr}#sx-team-screen .hierarchy-card{position:static}#sx-team-screen .team-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#sx-team-screen .team-tabs{top:0;overflow:auto}#sx-team-screen .team-tabs button{padding:0 13px;white-space:nowrap}}
@media(max-width:560px){#sx-team-screen .team-hero{align-items:flex-start;flex-direction:column;gap:13px}#sx-team-screen .team-hero h1{font-size:25px}#sx-team-screen .team-hero button{width:100%}#sx-team-screen .team-stats{gap:8px}#sx-team-screen .stat-card{min-height:74px;padding:10px;gap:8px}#sx-team-screen .stat-icon{flex-basis:40px;width:40px;height:40px;font-size:19px}#sx-team-screen .stat-copy strong{font-size:19px}#sx-team-screen .team-tabs button{min-height:43px;padding:0 10px;font-size:12px}#sx-team-screen .card.section-card,#sx-team-screen .hierarchy-card{padding:15px}#sx-team-screen .member-toolbar{grid-template-columns:1fr;gap:8px}#sx-team-screen .member-table{min-width:720px}#sx-team-screen #sx-team-seat-usage{grid-template-columns:1fr}#sx-team-screen .qr-channel-form .nav-grid{grid-template-columns:1fr}#sx-team-screen .member-role-assignment{align-items:stretch;flex-direction:column}#sx-team-screen .member-role-assignment label,#sx-team-screen .member-role-assignment select{width:100%;max-width:none}#sx-team-screen .team-dialog form#sx-team-form,#sx-team-screen .team-dialog form#sx-role-form,#sx-team-screen .role-dialog .permission-grid{grid-template-columns:1fr}#sx-team-screen .team-dialog form#sx-team-form>p,#sx-team-screen .team-dialog .role-description,#sx-team-screen .team-dialog .permission-fieldset,#sx-team-screen .team-dialog .dialog-actions{grid-column:auto}}
#sx-team-screen .whatsapp-summary{padding:17px 20px!important}
#sx-team-screen .whatsapp-summary .section-heading{align-items:center;margin-bottom:13px}
#sx-team-screen .whatsapp-summary .section-heading h2{margin-bottom:2px}
#sx-team-screen .whatsapp-summary .section-heading button{min-height:38px}
#sx-team-screen .whatsapp-summary-content{display:flex;align-items:center;gap:16px;min-height:58px;padding:10px 14px;border:1px solid #e7ebf1;border-radius:9px}
#sx-team-screen .whatsapp-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8f8ef;color:#00a76b;font-size:25px}
#sx-team-screen .whatsapp-summary-name{display:grid;gap:2px;min-width:130px}.whatsapp-summary-name span{color:#758198;font-size:12px}
#sx-team-screen .whatsapp-summary-count{padding-left:14px;border-left:1px solid #e3e8ef;color:#48566b;font-size:12px}
#sx-team-screen[dir=rtl] .whatsapp-summary-count{padding-right:14px;padding-left:0;border-right:1px solid #e3e8ef;border-left:0}
#sx-team-screen .whatsapp-summary-arrow{margin-left:auto;color:#8b98ad;font-size:23px}
#sx-team-screen[dir=rtl] .whatsapp-summary-arrow{margin-right:auto;margin-left:0}
#sx-team-screen .team-dialog .muted{line-height:1.55}
#sx-team-screen #sx-team-list>.muted{padding:12px 0}
#sx-team-screen .hierarchy-card{min-height:450px}
@media(max-width:560px){#sx-team-screen .whatsapp-summary-content{align-items:flex-start;flex-wrap:wrap;gap:10px}.whatsapp-summary-name{flex:1}.whatsapp-summary-count{width:100%;padding:8px 0 0!important;border:0!important}.whatsapp-summary-arrow{display:none}}