.company-team-editor{box-sizing:border-box;width:min(34rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:clamp(1rem,4vw,1.75rem);border:1px solid var(--pref-line);border-radius:1rem;background:var(--pref-panel);color:var(--pref-text);font:inherit;overflow:auto}
.company-team-editor::backdrop{background:#0008}
.company-team-editor h2{margin:0;font-size:1.35em;line-height:1.25}
.company-team-editor .company-team-intro{margin:.35rem 0 1.1rem;color:var(--pref-muted);font:inherit}
.company-team-editor form{display:grid;gap:.9rem;margin:0;padding:0;max-width:none;min-height:0}
.company-team-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.company-team-fields label{display:grid;gap:.35rem;margin:0;color:var(--pref-text);font:inherit;min-width:0}
.company-team-fields label:nth-child(-n+2){grid-column:1/-1}
.company-team-fields select{box-sizing:border-box;width:100%;min-width:0;min-height:2.65rem;padding:.5rem .65rem;border:1px solid var(--pref-line);border-radius:.55rem;background:var(--pref-input,var(--pref-panel));color:var(--pref-text);font:inherit}
.company-team-editor :is(select,button):focus-visible{outline:2px solid var(--pref-gold);outline-offset:2px}
.company-team-editor [role=status]{margin:0;color:var(--pref-muted);font:inherit}
.company-team-editor [role=status]:empty{display:none}
.company-team-editor [role=status][data-state=error]{border-inline-start:2px solid var(--pref-gold);padding-inline-start:.65rem;color:var(--pref-text)}
.company-team-editor [role=status][data-state=success]{color:var(--pref-text)}
.company-team-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;margin-top:.1rem}
.company-team-actions button{font:inherit;border-radius:.55rem;padding:.5rem .8rem;min-height:2.5rem}
.company-team-actions button[type=submit]{background:var(--pref-gold);color:#16130d}
.company-team-actions button:disabled{opacity:.5;cursor:default}
@media(max-width:420px){.company-team-fields{grid-template-columns:1fr}}

.company-team-editor{width:min(64rem,calc(100% - 2rem))}
.company-team-heading{display:flex;justify-content:space-between;align-items:center;gap:.75rem}
.company-team-heading button,.company-team-table button{padding:.4rem .7rem;border-radius:.45rem;font:inherit}
.company-team-scope{margin:.75rem 0;color:var(--pref-muted)}
.company-team-scope p{margin:0;font:inherit}
.company-team-scope label{display:grid;gap:.3rem;max-width:24rem}
.company-team-scope select{background:var(--pref-input);color:var(--pref-text);border:1px solid var(--pref-line);border-radius:.5rem;padding:.5rem;font:inherit}
.company-team-table{overflow-x:auto;border:1px solid var(--pref-line);border-radius:.6rem}
.company-team-table table{width:100%;border-collapse:collapse;font:inherit}
.company-team-table :is(th,td){padding:.6rem .7rem;text-align:start;border-bottom:1px solid var(--pref-line);overflow-wrap:anywhere}
.company-team-table th{background:var(--pref-input);font-weight:600}
.company-team-table td:last-child,.company-team-table th:last-child{text-align:end}
.company-team-table tr:last-child td{border-bottom:0}
.company-team-table td span{color:var(--pref-muted)}
.company-team-editor form{margin-top:.9rem;padding:.75rem;border:1px solid var(--pref-line);border-radius:.55rem}
.company-team-editor form[hidden]{display:none!important}
.company-team-editor form h3{margin:0;font:inherit;font-weight:600}
.company-team-editor .company-team-fields label{grid-column:auto}
.company-team-editor [role=status]:not(:empty){margin-top:.65rem}



.portal-client-menu{position:relative;flex:none}
.portal-client-menu[hidden],.portal-client-options[hidden]{display:none!important}
.portal-client-options{position:absolute;z-index:10;inset-block-start:calc(100% + .5rem);inset-inline-end:0;width:min(16rem,calc(100vw - 2rem));padding:.45rem;border:1px solid var(--pref-line);border-radius:.65rem;background:var(--pref-panel);color:var(--pref-text);box-shadow:0 .6rem 1.5rem #0003}
.portal-client-options summary,.portal-client-options button{padding:.55rem .65rem;border-radius:.4rem;font:inherit;cursor:pointer;color:var(--pref-text)}
.portal-client-options button{display:flex;align-items:center;gap:.55rem;margin:.2rem 0 0 .45rem;width:calc(100% - .45rem);border:1px solid transparent;background:none;text-align:start}
.portal-client-options :is(summary,button):hover{background:var(--pref-input);color:var(--pref-gold)}
.portal-client-options :is(summary,button):focus-visible{outline:2px solid var(--pref-gold);outline-offset:-2px}
.portal-client-options svg{width:1.2em;height:1.2em;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.company-team-editor{--team-inset:clamp(.75rem,3vw,2rem);position:fixed;inset:var(--team-inset) var(--team-inset) var(--team-inset) auto;margin:auto 0;width:min(56rem,calc(100% - 2 * var(--team-inset)));max-width:none;height:fit-content;max-height:calc(100dvh - 2 * var(--team-inset));border-radius:.9rem;overflow:auto;overscroll-behavior:contain}


.portal-client-options summary{display:flex;align-items:center;justify-content:space-between;gap:.65em;list-style:none}
.portal-client-options summary::-webkit-details-marker{display:none}
.portal-client-options summary::after{content:"";flex:none;width:.4em;height:.4em;margin-inline-end:.15em;border:solid currentColor;border-width:0 1px 1px 0;transform:rotate(-45deg)}
.portal-client-options details[open]>summary::after{transform:rotate(45deg)}

.company-team-table table{min-width:43rem}
.company-team-table :is(th,td){line-height:1.4;overflow-wrap:normal}
.company-team-table th,.company-team-table td:nth-child(n+3){white-space:nowrap}
.company-team-table td:nth-child(2){overflow-wrap:anywhere}

.company-team-heading h2{padding-inline-start:.6em;border-inline-start:2px solid var(--pref-gold)}
.company-team-scope{margin-block:.85rem}
.company-team-table table{font-size:.9rem}
.company-team-table :is(th,td){padding:.7rem .8rem}
.company-team-table .company-team-contact{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.company-team-contact span{min-width:0;overflow-wrap:anywhere}
.company-team-contact button{flex:none;display:grid;place-items:center;padding:.28em;border:1px solid transparent;background:none;color:var(--pref-muted)}
.company-team-contact button:hover{color:var(--pref-gold);border-color:var(--pref-line)}
.company-team-contact svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.company-team-table .company-team-protected{display:block;font-size:.78em;color:var(--pref-muted)}
.company-team-table .company-team-state{display:inline-flex;align-items:center;gap:.4em}
.company-team-state::before{content:"";width:.42em;height:.42em;border-radius:50%;background:currentColor}
.company-team-table .company-team-state[data-active=true]{color:var(--pref-gold)}

.company-team-heading{margin-block-end:1rem}
.company-team-table [hidden]{display:none}
