#dlg.contact-create{position:fixed;inset:40px 0 auto;margin:0 auto;width:min(900px,calc(100vw - 28px));max-height:calc(100vh - 40px);padding:30px;background:#f7f7f8;border-radius:10px;overflow:auto}
#dlg.contact-create::backdrop{background:rgba(0,0,0,.7)}
#dlg.contact-create>.bar{min-height:40px;margin:0 0 24px}#dlg.contact-create>.bar h2{font-size:24px}
#dlg.contact-create>.bar .x{border:0;background:none;width:40px;height:40px;padding:8px}#dlg.contact-create>.bar svg{width:20px;height:20px}
.contact-create .box{padding:30px;border-radius:10px;margin-bottom:24px}.contact-create .box h3{margin:0 0 16px}
.contact-create .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contact-create label.cfg-field{min-width:0;position:relative;min-height:60px;justify-content:center;border-radius:4px;padding:8px 16px 4px;gap:3px}
.contact-create .settings-select,.contact-create .cfg-entry>input{font-weight:400;font-size:14px;line-height:20px}.contact-segment{display:flex;background:#f7f7f8;border-radius:4px;min-height:60px}.contact-segment button{flex:1;border:1px solid transparent;background:none;font-weight:400}.contact-segment [aria-checked=true]{border-color:#d9d9db;background:white}
.client-head>div:first-child{display:flex;align-items:center;gap:8px}.client-head>div:first-child button{border:0;background:transparent;font-size:22px}.client-head small{background:#151515;border-radius:4px;padding:2px 7px;color:#fff;font-weight:700}
#main:has(#client-body)>.tabs{border:0;gap:8px;margin:0 0 16px}#main:has(#client-body)>.tabs button{border:0;color:#aaa;border-radius:6px;padding:9px 16px;font-weight:700}#main:has(#client-body)>.tabs button.on{color:#171717;background:white;box-shadow:0 2px 8px #00000008}
.client-layout{display:grid;grid-template-columns:minmax(240px,370px) minmax(0,1fr);gap:16px;align-items:start}
.client-card{padding:20px;margin:0 0 16px;background:white;border-radius:6px}
.client-card h3,.client-summary h3{font-size:16px;margin:0}.client-avatar{display:flex;align-items:center;gap:12px;min-height:90px}.client-avatar>span{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#166c29;color:white;font-size:20px}.client-avatar p{margin:3px 0 0}
.client-section-head{display:flex;align-items:center;gap:4px}.client-section-head button{padding:2px 4px;border:0;background:none}.client-section-head button:first-child{text-align:left;padding-left:0;flex:1}.client-section-body{border-top:1px solid #ddd;margin-top:16px;padding-top:14px}
.client-detail{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px 0}
.channel-row{display:flex;align-items:center;gap:5px;min-height:40px}.channel-row b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:65%}.channel-row small{font-size:10px;padding:2px 4px;background:#f1f1f2;color:#787881}.channel-row button{border:0;padding:4px}.channel-row button:first-of-type{margin-left:auto;background:#f3f3f4}
.client-summary{display:flex;align-items:center;justify-content:space-between;margin:0 0 7px}.client-summary button{height:40px}.client-layout .hm-chips{margin-bottom:16px}.client-pending h3{margin:0 0 26px}
.client-metrics,.client-rings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.client-metrics>div{display:flex;flex-direction:column;gap:3px;border-radius:6px;padding:18px 32px;background:#f2f2f3}.client-metrics strong{font-size:24px;line-height:30px}
.client-rings{margin:24px 0 0}.client-ring{display:grid;place-items:center;position:relative;min-width:0}.client-ring svg{height:auto;width:min(100%,285px)}.client-ring>div{position:absolute;pointer-events:none;display:grid;justify-items:center;gap:5px}.client-ring b:nth-of-type(2){margin-top:14px}.client-ring i{width:8px;height:8px;margin-right:2px;display:inline-block;border-radius:50%;background:#33b679}.client-ring b:nth-of-type(2) i{background:#167653}
#client-body .tools .primary{margin-left:auto}.client-note{border-left:5px solid;border-radius:4px;padding:12px;margin:10px 0;background:#f7f7f8}
@media(max-width:1100px){.client-layout{grid-template-columns:260px minmax(0,1fr)}.client-metrics>div{padding:12px}.client-metrics,.client-rings{gap:12px}}
@media(max-width:780px){.client-layout,.contact-create .grid{grid-template-columns:1fr}.client-rings{grid-template-columns:1fr}.client-ring svg{width:210px}}
#dlg.contact-create{scrollbar-width:none}
.contact-create .dial-prefix.spain{font-size:0;display:inline-grid;width:27px;place-items:center}
.contact-create .dial-prefix.spain::before,.contact-create .settings-select.lang-es::before{content:"";display:inline-block;width:20px;height:13px;background:linear-gradient(#df123c 0 25%,#ffc800 25% 75%,#df123c 75%)}
.contact-create .settings-select.lang-es::before{width:14px;height:14px;border-radius:50%;margin-right:8px;vertical-align:-2px}
.client-head{margin-bottom:20px}#main:has(#client-body)>.tabs button{padding-block:8px}.client-metrics>div{padding-block:16px}.client-pending h3{margin-bottom:24px}.client-section-head button:first-child{font-weight:700}

#client-filter-panel{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:min(350px,96vw);overflow:auto;padding:18px 16px;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 22px #0002;color:#202025}#client-filter-panel h3{margin:2px 0 16px}#client-filter-panel label{display:flex;flex-direction:column;gap:4px;border:1px solid #d9d9dd;border-radius:4px;padding:8px 13px;font-size:12px;font-weight:650;margin-bottom:10px}#client-filter-panel label>button,#client-filter-panel input{border:none;background:white;font-weight:400;text-align:left;padding:3px 0;min-height:22px;width:100%}#client-filter-panel [role=combobox]::after{content:'⌄';float:right}#client-filter-chips:not(:empty){display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}#client-filter-chips button{font-size:12px;background:#f6f6f7}

.team-role-options label{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid #ddd;cursor:pointer}.team-role-options label small{display:block;color:#707076;font-weight:400;margin-top:4px}.team-role-options input{width:19px;height:19px}