body.team-owner{background:#f6f5f2;color:#222320;font:14px Jakarta,system-ui,sans-serif;line-height:1.5;padding-left:232px}body.team-owner>header{max-width:none;min-height:64px;background:#fff;margin:0;padding:16px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid #e8e6e1}body.team-owner>header h1{font-size:28px;margin:0;flex:1}body.team-owner>header>p{display:none}body.team-owner>header>a{font-size:12px;width:100%;color:#6b706c}body.team-owner>main{max-width:none;padding:24px}body.team-owner a{color:#943511}body.team-owner button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:10px;border-color:#e8e6e1;color:#222320;line-height:1.4;font-size:14px}body.team-owner button.v2-team-primary,body.team-owner button[type=submit]{background:#24241f;color:#fff;border-color:#24241f}body.team-owner section.card{border:1px solid #e8e6e1;border-radius:18px;padding:24px;margin:0 0 20px}.v2-team-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.v2-team-heading h2{display:flex;gap:12px;align-items:center;font-size:20px;margin:0 0 8px}.v2-team-heading p{margin:0;color:#6b706c}.v2-team-boundary{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fff0e8;border-radius:12px;color:#743712;line-height:1.6}.v2-team-boundary .feather{flex-shrink:0}.v2-team-chip{display:inline-block;padding:4px 10px;background:#edf6ed;border-radius:10px;color:#216531;font-size:12px}.v2-team-roles table{margin-top:20px;font-size:14px}.v2-team-roles td,.v2-team-roles th{border-color:#e8e6e1;padding:12px}.v2-team-roles thead{background:#f6f5f2;color:#6b706c}.v2-team-audit{border:1px dashed #e8e6e1;border-radius:12px;padding:20px;margin:16px 0;color:#6b706c}.v2-team-dialog{width:min(960px,calc(100vw - 48px));max-height:calc(100dvh - 32px);border:1px solid #e8e6e1;border-radius:20px;padding:24px;color:#222320;background:#fff;overflow:auto}.v2-team-dialog::backdrop{background:#22232066}.v2-team-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:0 0 16px;margin:0;max-width:none;border-color:#e8e6e1}.v2-team-dialog h2{font-size:22px}.v2-team-dialog input:not([type=checkbox]),.v2-team-dialog select,.v2-team-dialog textarea{font-size:16px;min-height:44px;border-color:#e8e6e1;border-radius:10px}.v2-team-dialog .permissions{max-height:50dvh;overflow:auto}.v2-team-dialog fieldset label{min-height:44px;display:flex;align-items:center;font-size:14px}.v2-team-dialog fieldset:disabled{background:#f6f5f2}.v2-team-dialog .account-edit{margin:0;border:0;padding:0}.v2-team-dialog .v2-team-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.v2-team-account-list>article{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-color:#e8e6e1;border-radius:12px}.v2-team-account-list p{margin:4px 0;color:#6b706c}body.team-owner :focus-visible{outline:3px solid #c54118;outline-offset:3px}.v2-team-sidebar{position:fixed;inset:0 auto 0 0;width:232px;padding:20px 12px;background:#fff;border-right:1px solid #e8e6e1;overflow:auto;z-index:20}.v2-team-brand{display:block;font-size:20px;font-weight:700;padding:12px;text-decoration:none}.v2-team-sidebar nav{display:block;margin:20px 0}.v2-team-sidebar .v2-nav-group>summary{display:flex;gap:12px;align-items:center;min-height:44px;list-style:none;cursor:pointer;padding:10px;border-radius:10px}.v2-team-sidebar .v2-nav-group>summary>span:first-of-type{flex:1}.v2-team-sidebar .v2-nav-items{padding:0 0 8px 34px}.v2-team-sidebar a.v2-nav-link{display:flex;min-height:44px;align-items:center;text-decoration:none;padding:8px;border-radius:10px;color:#222320;font-size:14px}.v2-team-sidebar [aria-current=page],.v2-team-sidebar details[open]>summary{background:#fff0e8;color:#943511}.v2-team-sidebar .v2-nav-standalone{display:flex;gap:12px;align-items:center;padding-left:10px}.v2-team-sidebar .v2-nav-standalone a{flex:1}.v2-team-sidebar-close,#team-navigation-open{display:none}body.team-owner .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.v2-team-feedback{color:#943511}body.team-owner .credential{border-radius:16px}body.team-owner input[type=checkbox]{accent-color:#c54118}
@media(max-width:760px){body.team-owner{padding-left:0}body.team-owner>header{padding:16px;gap:12px}body.team-owner>header h1{font-size:22px}body.team-owner>main{padding:16px}body.team-owner section.card{padding:20px 16px}.v2-team-heading h2{font-size:18px}.v2-team-sidebar{display:none;width:min(300px,calc(100vw - 32px));box-shadow:0 0 0 100vmax #22232066}.v2-team-sidebar[data-open=true]{display:block}.v2-team-sidebar-close,#team-navigation-open{display:inline-flex}.v2-team-roles table,.v2-team-roles tbody,.v2-team-roles tr{display:block}.v2-team-roles thead{display:none}.v2-team-roles tr{padding:12px 0;border-bottom:1px solid #e8e6e1}.v2-team-roles td,.v2-team-roles th{display:block;min-width:0;border:0;padding:4px 0}.v2-team-dialog{width:100vw;max-width:100vw;max-height:100dvh;border-radius:20px 20px 0 0;margin:auto 0 0;padding:20px 16px}.v2-team-dialog .permissions{grid-template-columns:1fr;max-height:none}}

/* Canonical 64px shell takes precedence over the illustrative oversized raster header. */
body.team-owner>header{height:64px;min-height:64px;padding:6px 24px;display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:16px 34px;column-gap:12px;row-gap:0}
body.team-owner>header>a{grid-column:1;grid-row:1;width:auto;line-height:16px;text-decoration:none}
body.team-owner>header h1{grid-column:1;grid-row:2;line-height:34px}
body.team-owner>header #logout{grid-column:2;grid-row:1 / span 2;width:44px;padding:10px;margin:0}
body.team-owner>main #status:empty{display:none}
body.team-owner .v2-team-sidebar-close,body.team-owner #team-navigation-open{display:none}
.v2-team-boundary:first-child{margin-top:0}
@media(max-width:760px){
 body.team-owner>header{padding:6px 16px;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-rows:18px 32px;column-gap:10px}
 body.team-owner>header>a{grid-column:2;line-height:18px}
 body.team-owner>header h1{grid-column:2;line-height:32px;font-size:22px;white-space:nowrap}
 body.team-owner>header #logout{grid-column:3}
 body.team-owner .v2-team-sidebar-close,body.team-owner #team-navigation-open{display:inline-flex}
 body.team-owner #team-navigation-open{grid-column:1;grid-row:1 / span 2;width:44px;padding:10px;margin:0}
 body.team-owner section.v2-team-roles{padding:0;border:0;background:transparent;display:flex;flex-direction:column;gap:12px}
 .v2-team-roles>.v2-team-heading{display:contents}.v2-team-roles>.v2-team-heading>div{order:0}.v2-team-roles>.v2-team-heading p{display:none}.v2-team-roles #new-role{order:3;width:100%;margin:0}
 .v2-team-roles .table-wrap{order:2}.v2-team-roles table{margin:0}.v2-team-roles tbody{display:grid;gap:10px}
 .v2-team-roles tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:16px;border:1px solid #e8e6e1;border-radius:16px;background:#fff}
 .v2-team-roles th{grid-column:1;grid-row:1}.v2-team-roles td:nth-child(2){grid-column:1;grid-row:2}.v2-team-roles td:nth-child(3){grid-column:1;grid-row:3;font-size:12px;color:#6b706c}.v2-team-roles td:nth-child(4){grid-column:2;grid-row:1 / span 3;display:flex;flex-direction:column;justify-content:center;gap:6px}.v2-team-roles td:nth-child(4) button{margin:0;font-size:12px;padding:8px}.v2-team-roles td:nth-child(4) .feather{width:16px;height:16px}.v2-team-roles .v2-team-owner-role td:nth-child(4){display:none}
}
@media(max-width:350px){body.team-owner>header{column-gap:6px;padding-inline:12px}body.team-owner>header h1{font-size:20px}.v2-team-roles tr{column-gap:6px;padding:12px}.v2-team-roles td:nth-child(4) button .feather{display:none}}

.v2-team-audit-empty{display:grid;justify-items:center;text-align:center;gap:8px}.v2-team-audit-empty p{margin:0}.v2-team-dialog textarea{resize:vertical;min-height:88px;padding:12px;font:inherit;width:100%;box-sizing:border-box}

/* Group section icons with both title and helper as in the selected D48 source.
   Canonical type sizes and 232/64 shell dimensions remain authoritative. */
@media(min-width:761px){
 .v2-team-heading>div:first-child:has(>h2){position:relative;padding-left:72px;min-height:62px;display:flex;flex-direction:column;justify-content:center}
 .v2-team-heading>div:first-child>h2>.feather{position:absolute;left:0;top:0;width:60px;height:62px;padding:16px;background:#f6f5f2;border-radius:12px;box-sizing:border-box}
 .v2-team-heading>h2>.feather{width:60px;height:62px;padding:16px;background:#f6f5f2;border-radius:12px;box-sizing:border-box}
 .v2-team-heading h2{margin-bottom:4px}
 .v2-team-roles table{table-layout:fixed;width:100%}
 .v2-team-roles thead th:nth-child(1){width:24%}
 .v2-team-roles thead th:nth-child(2){width:20%}
 .v2-team-roles thead th:nth-child(3){width:23%}
 .v2-team-roles thead th:nth-child(4){width:33%}
 .v2-team-roles td:last-child button{margin:0 8px 0 0}
}
/* Selected role/account panels08/09: native form controls with an independent action footer. */
.v2-team-security-dialog[open]{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 32px)}
.v2-team-security-dialog>header{flex:none;padding-bottom:12px;gap:16px}
.v2-team-security-dialog>header h2{margin:0}
.v2-team-security-dialog>form{display:flex;flex-direction:column;min-height:0;margin:0;overflow:hidden}
.v2-team-form-body{min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding-block:16px;padding:0 4px}
.v2-team-security-dialog .v2-team-actions{flex:none;margin:0;padding:12px 0 0;border-top:1px solid #e8e6e1;background:white}
.v2-team-security-dialog .v2-team-actions button{margin:0;min-height:44px}
.v2-team-role-identity{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.v2-team-role-editor .permissions{display:block;max-height:360px;overflow:auto;border:1px solid #e8e6e1;border-radius:12px}
.v2-team-matrix-heading,.v2-team-role-editor .permissions fieldset{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(100px,.7fr) minmax(130px,.9fr) minmax(190px,1.3fr);gap:8px;align-items:center}
.v2-team-matrix-heading{padding:12px;background:#f6f5f2;color:#6b706c;font-size:12px;position:sticky;top:0;z-index:1}
.v2-team-role-editor .permissions fieldset{margin:0;padding:8px 12px;border:0;border-radius:0;border-bottom:1px solid #e8e6e1;min-inline-size:0}
.v2-team-feature-title{font-size:14px;grid-column:1;grid-row:1}
.v2-team-permission-view{grid-column:2}.v2-team-permission-write{grid-column:3}.v2-team-permission-special{grid-column:4}
.v2-team-role-editor .permissions fieldset label{margin:0;min-height:44px;line-height:1.4;gap:4px}
.v2-team-role-editor .permissions input[type=checkbox]{flex:none;margin:0 4px 0 0}
.v2-team-feature-note{grid-column:1/-1;font-size:12px;margin:0}
.v2-team-protected-note{display:flex;gap:12px;align-items:center;padding:12px;background:#f6f5f2;border-radius:10px;color:#6b706c;font-size:14px}
.v2-team-protected-note svg{flex:none}
.v2-team-role-editor #impact{padding:12px;background:#f6f5f2;border-radius:10px;font-size:14px}
.v2-team-security-dialog .v2-team-boundary{margin:12px 0;padding:12px;font-size:14px}
#team-preview-dialog #preview ul{list-style:none;padding:0;border:1px solid #e8e6e1;border-radius:12px}
#team-preview-dialog #preview li{padding:16px;border-bottom:1px solid #e8e6e1}
#team-preview-dialog #preview li:last-child{border-bottom:0}
#team-preview-dialog #preview>p{padding:16px;background:#f6f5f2;border-radius:12px}
@media(max-width:760px){
 .v2-team-security-dialog[open]{height:100dvh;max-height:100dvh;padding:16px}
 .v2-team-security-dialog>form{flex:1}
 .v2-team-form-body{flex:1}
 .v2-team-role-identity{grid-template-columns:1fr;gap:0}
 .v2-team-role-editor .permissions{max-height:none;overflow:visible;border:0}
 .v2-team-matrix-heading{display:none}
 .v2-team-role-editor .permissions fieldset{grid-template-columns:1fr;gap:0;padding:12px;border:1px solid #e8e6e1;border-radius:12px;margin-bottom:10px}
 .v2-team-feature-title{grid-column:1;grid-row:auto;margin-bottom:4px}
 .v2-team-permission-view,.v2-team-permission-write,.v2-team-permission-special,.v2-team-feature-note{grid-column:1}
 .v2-team-permission-special{display:flex;flex-wrap:wrap;gap:0 16px}
 .v2-team-security-dialog .v2-team-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .v2-team-security-dialog .v2-team-actions [data-team-refresh]{grid-column:1/-1}
}
@media(max-width:760px){
 .v2-team-role-editor .permissions fieldset{grid-template-columns:1fr 1fr;column-gap:12px}
 .v2-team-feature-title,.v2-team-permission-special,.v2-team-feature-note{grid-column:1/-1}
 .v2-team-permission-view{grid-column:1}.v2-team-permission-write{grid-column:2}
 .v2-team-role-identity label{margin:8px 0}.v2-team-role-identity input,.v2-team-role-identity select{margin:4px 0}
}

.v2-team-security-dialog>header h2{display:flex;align-items:center;gap:12px}.v2-team-security-dialog>header h2>.feather{width:44px;height:44px;padding:10px;background:#f6f5f2;border-radius:10px;flex:none}
/* Account and preview panels09/08 are narrower than the permission matrix. */
@media(min-width:761px){
 #team-create-dialog,#team-preview-dialog{width:min(560px,calc(100vw - 48px))}
 .v2-team-security-dialog[id^=team-edit-]{width:min(760px,calc(100vw - 48px))}
 .v2-team-security-dialog .account-edit .v2-team-form-body>label:has(select),.v2-team-security-dialog .account-edit .v2-team-form-body>label:has(textarea),.v2-team-security-dialog .account-edit .v2-team-form-body>label:has(input[type=password]){display:grid;grid-template-columns:160px minmax(0,1fr);align-items:start;gap:16px}
 .v2-team-security-dialog .account-edit .v2-team-form-body>label>select,.v2-team-security-dialog .account-edit .v2-team-form-body>label>textarea,.v2-team-security-dialog .account-edit .v2-team-form-body>label>input[type=password]{margin:0}
}
.v2-team-form-body>label:has(input[type=checkbox]){display:flex;align-items:center;min-height:44px}