/* Testra 1.7 modular workspace, docking, role policy, profile and support layer. */
:root{--rail-custom-width:278px;--rail-floating-inset:12px}
.rail-header-actions{display:flex;align-items:center;gap:2px}
#pageCustomizeButton.active,#navigationDockButton.active{background:color-mix(in srgb,var(--brand-accent) 16%,var(--surface-2));color:var(--brand-accent);border-color:color-mix(in srgb,var(--brand-accent) 35%,var(--line))}

/* One navigation controller owns docking. */
.app-shell.nav-docked,.app-shell.nav-compact{--rail-width:var(--rail-custom-width);grid-template-columns:var(--rail-width) minmax(0,1fr)!important}
.app-shell.nav-compact{--rail-width:76px}
.app-shell.nav-right.nav-docked,.app-shell.nav-right.nav-compact{grid-template-columns:minmax(0,1fr) var(--rail-width)!important}
.app-shell.nav-right .navigation-rail{grid-column:2;border-right:0!important;border-left:1px solid var(--line)!important}
.app-shell.nav-right .top-bar,.app-shell.nav-right .workspace-toolbar,.app-shell.nav-right .workspace{grid-column:1}
.app-shell.nav-compact .brand-copy,.app-shell.nav-compact .organization-switcher button>span:nth-child(2),.app-shell.nav-compact .organization-switcher svg,.app-shell.nav-compact .nav-group-label span,.app-shell.nav-compact .nav-link span,.app-shell.nav-compact .nav-link .nav-badge,.app-shell.nav-compact .rail-utility span,.app-shell.nav-compact .rail-utility kbd,.app-shell.nav-compact .profile-card>span:nth-child(2),.app-shell.nav-compact .profile-card>svg,.app-shell.nav-compact .nav-pin-toggle{display:none!important}
.app-shell.nav-compact .rail-header{padding-inline:8px!important}.app-shell.nav-compact .brand-button{margin:auto}.app-shell.nav-compact .organization-switcher{padding:8px}.app-shell.nav-compact .organization-switcher button,.app-shell.nav-compact .nav-link,.app-shell.nav-compact .rail-utility,.app-shell.nav-compact .profile-card{display:grid;place-items:center;grid-template-columns:1fr!important}
.app-shell.nav-autohide,.app-shell.nav-floating,.app-shell.nav-overlay,.app-shell.nav-hidden{grid-template-columns:minmax(0,1fr)!important}
.app-shell.nav-autohide .top-bar,.app-shell.nav-autohide .workspace-toolbar,.app-shell.nav-autohide .workspace,.app-shell.nav-floating .top-bar,.app-shell.nav-floating .workspace-toolbar,.app-shell.nav-floating .workspace,.app-shell.nav-overlay .top-bar,.app-shell.nav-overlay .workspace-toolbar,.app-shell.nav-overlay .workspace,.app-shell.nav-hidden .top-bar,.app-shell.nav-hidden .workspace-toolbar,.app-shell.nav-hidden .workspace{grid-column:1!important}
.app-shell.nav-autohide .navigation-rail,.app-shell.nav-floating .navigation-rail,.app-shell.nav-overlay .navigation-rail,.app-shell.nav-hidden .navigation-rail{position:fixed;top:0;bottom:0;width:var(--rail-custom-width);z-index:140;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}
.app-shell.nav-left.nav-autohide .navigation-rail,.app-shell.nav-left.nav-overlay .navigation-rail{left:0;transform:translateX(calc(-100% + 10px))}.app-shell.nav-right.nav-autohide .navigation-rail,.app-shell.nav-right.nav-overlay .navigation-rail{right:0;left:auto;transform:translateX(calc(100% - 10px))}
.app-shell.nav-autohide.nav-peek .navigation-rail,.app-shell.nav-overlay .navigation-rail.open{transform:translateX(0)!important;box-shadow:0 24px 70px rgba(0,0,0,.42)}
.app-shell.nav-floating .navigation-rail{top:var(--rail-floating-inset);bottom:var(--rail-floating-inset);height:auto;border:1px solid var(--line-strong)!important;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden}.app-shell.nav-left.nav-floating .navigation-rail{left:var(--rail-floating-inset)}.app-shell.nav-right.nav-floating .navigation-rail{right:var(--rail-floating-inset);left:auto}
.app-shell.nav-floating .top-bar,.app-shell.nav-floating .workspace-toolbar,.app-shell.nav-floating .workspace{margin-left:calc(var(--rail-custom-width) + var(--rail-floating-inset) * 2)}.app-shell.nav-right.nav-floating .top-bar,.app-shell.nav-right.nav-floating .workspace-toolbar,.app-shell.nav-right.nav-floating .workspace{margin-left:0;margin-right:calc(var(--rail-custom-width) + var(--rail-floating-inset) * 2)}
.app-shell.nav-hidden .navigation-rail{opacity:0;pointer-events:none;transform:translateX(-110%)}.app-shell.nav-right.nav-hidden .navigation-rail{transform:translateX(110%)}

/* Page layout editor and persistent module scale. */
.layout-module{min-width:0;transition:opacity .16s ease,border-color .16s ease,transform .16s ease}
.layout-module[data-layout-size="compact"]{grid-column:span 4!important;max-width:720px}.layout-module[data-layout-size="standard"]{grid-column:span 6!important}.layout-module[data-layout-size="wide"]{grid-column:span 8!important}.layout-module[data-layout-size="full"]{grid-column:1/-1!important;width:100%;max-width:none}
.workspace-page>.layout-module[data-layout-size="compact"]{width:min(100%,720px)}.workspace-page>.layout-module[data-layout-size="standard"]{width:min(100%,1040px)}.workspace-page>.layout-module[data-layout-size="wide"]{width:min(100%,1440px)}.workspace-page>.layout-module[data-layout-size="full"]{width:100%}
.layout-editing .layout-module{outline:1px dashed color-mix(in srgb,var(--brand-accent) 55%,var(--line));outline-offset:4px}.layout-editing .layout-module.dragging{opacity:.55;transform:scale(.995)}
.layout-editor-banner{position:sticky;top:0;z-index:38;display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 18px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--brand-accent) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--surface) 94%,var(--brand-accent) 6%);box-shadow:0 14px 34px rgba(0,0,0,.2)}.layout-editor-banner b,.layout-editor-banner small{display:block}.layout-editor-banner small{margin-top:2px;color:var(--muted);font-size:.68rem}
.layout-module-controls{position:relative;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-4px -4px 12px;padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.layout-module-controls button{min-height:30px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:.62rem;font-weight:800;cursor:pointer}.layout-module-controls button:hover,.layout-module-controls button.active{background:var(--surface-3);color:var(--text)}.layout-drag{display:flex;align-items:center;gap:5px;cursor:grab!important}.layout-drag svg{width:15px}.layout-size-group{display:flex;gap:2px;margin-left:auto}.layout-hide{color:var(--brand-danger)!important}
.layout-settings-sheet{display:grid;gap:18px}.layout-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.layout-setting-grid label{display:grid;gap:6px;font-size:.68rem;font-weight:750}.layout-setting-grid select,.layout-setting-grid input{width:100%}.layout-mode-preview{display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.preview-rail{display:block;width:30px;height:90px;border-radius:8px;background:var(--brand-accent)}.preview-rail.right{justify-self:end}.layout-mode-preview b,.layout-mode-preview small{display:block}.layout-mode-preview small{margin-top:6px;color:var(--muted);font-size:.68rem;line-height:1.5}

/* Profile rebuild. */
.profile-v17-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:14px}.profile-v17-identity{grid-column:1}.profile-v17-access{grid-column:2;grid-row:1}.profile-v17-navigation{grid-column:1/-1}.profile-v17-theme{grid-column:1}.profile-v17-preferences{grid-column:2}.profile-v17-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.profile-v17-avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:18px;background:color-mix(in srgb,var(--brand-accent) 16%,var(--surface-3));border:1px solid color-mix(in srgb,var(--brand-accent) 35%,var(--line));color:var(--brand-accent);font-size:1.35rem;font-weight:900}.profile-v17-hero h2{margin:3px 0 2px;font-size:1.55rem;letter-spacing:-.03em}.profile-v17-hero p{margin:0;color:var(--muted);font-size:.72rem}.profile-v17-fields,.profile-nav-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.profile-v17-fields label,.profile-nav-controls>label{display:grid;gap:6px;color:var(--text-2);font-size:.66rem;font-weight:750}.profile-v17-fields input,.profile-v17-fields select,.profile-nav-controls select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--bg);padding:8px 10px}.profile-nav-controls>label:last-child{grid-column:1/-1}.profile-action-tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.profile-action-tile>span{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--surface-3);color:var(--brand-accent)}.profile-action-tile svg{width:18px}.profile-action-tile b,.profile-action-tile small{display:block}.profile-action-tile small{margin-top:3px;color:var(--muted);font-size:.62rem}.profile-switch-grid{display:grid;gap:8px}.profile-security-list{display:grid;gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.profile-security-list>div{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:8px;border-radius:9px;background:var(--surface-2)}.profile-security-list svg{width:18px;color:var(--brand-accent)}.profile-security-list b,.profile-security-list small{display:block}.profile-security-list small{margin-top:2px;color:var(--muted);font-size:.61rem}

/* Workspace studio. */
.workspace-studio-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}.workspace-route-list{display:grid;gap:14px}.workspace-route-list>section{border:1px solid var(--line);border-radius:11px;overflow:hidden}.workspace-route-list>section>header{display:flex;justify-content:space-between;padding:10px 12px;background:var(--surface-2)}.workspace-route-list>section>header b,.workspace-route-list>section>header small{font-size:.67rem}.workspace-route-list>section>header small{color:var(--muted)}.workspace-route-list>section>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:9px 10px;border-top:1px solid var(--line)}.workspace-route-list>section>div>span{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center}.workspace-route-list>section>div>span>svg{width:18px;color:var(--brand-accent)}.workspace-route-list b,.workspace-route-list small{display:block}.workspace-route-list small{margin-top:2px;color:var(--muted);font-size:.58rem}.workspace-route-list label{display:flex;align-items:center;gap:5px;font-size:.61rem}.workspace-layout-summary{align-self:start;position:sticky;top:0}.workspace-studio-tips{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.workspace-studio-tips h3{margin:0 0 8px}.workspace-studio-tips p{display:flex;justify-content:space-between;gap:8px;margin:7px 0;color:var(--muted);font-size:.65rem}

/* Delegated access studio. */
.access-studio-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px}.access-role-list{align-self:start;position:sticky;top:0}.access-role-buttons{display:grid;gap:4px}.access-role-buttons>button{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;width:100%;padding:8px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.access-role-buttons>button:hover,.access-role-buttons>button.active{border-color:var(--line);background:var(--surface-2)}.access-role-buttons>button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--surface-3);color:var(--brand-accent);font-size:.65rem;font-weight:900}.access-role-buttons b,.access-role-buttons small{display:block}.access-role-buttons small{margin-top:2px;color:var(--muted);font-size:.56rem}.access-role-buttons svg{width:14px}.access-tabs{display:flex;gap:4px;margin-bottom:12px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.access-tabs button{flex:1;min-height:34px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:.64rem;font-weight:800;cursor:pointer}.access-tabs button.active{background:var(--surface-2);color:var(--text)}.access-panel{display:none}.access-panel.active{display:block}.access-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.access-page-toolbar p{max-width:740px;margin:0;color:var(--muted);font-size:.68rem;line-height:1.5}.access-route-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.access-route-groups>section{border:1px solid var(--line);border-radius:10px;overflow:hidden}.access-route-groups>section>header{display:flex;justify-content:space-between;padding:9px 10px;background:var(--surface-2)}.access-route-groups>section>header b,.access-route-groups>section>header small{font-size:.62rem}.access-route-row{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:8px;align-items:center;padding:8px 9px;border-top:1px solid var(--line)}.access-route-row>span{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:center}.access-route-row svg{width:15px;color:var(--brand-accent)}.access-route-row b,.access-route-row small{display:block}.access-route-row b{font-size:.63rem}.access-route-row small{margin-top:2px;color:var(--muted);font-size:.5rem}.access-route-row select{min-height:32px;border:1px solid var(--line);border-radius:7px;background:var(--bg);font-size:.6rem}.task-bundle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.task-bundle{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.task-bundle.active{border-color:color-mix(in srgb,var(--brand-accent) 35%,var(--line));background:color-mix(in srgb,var(--brand-accent) 5%,var(--bg))}.task-bundle header{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:start}.task-bundle header>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--surface-3);color:var(--brand-accent)}.task-bundle svg{width:17px}.task-bundle b,.task-bundle small{display:block}.task-bundle small{margin-top:4px;color:var(--muted);font-size:.58rem;line-height:1.45}.task-bundle-meta{display:flex;gap:8px;margin-top:10px}.task-bundle-meta span{padding:3px 6px;border-radius:99px;background:var(--surface-2);color:var(--muted);font-size:.52rem}.capability-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.capability-editor-grid label{display:grid;gap:6px;font-size:.65rem;font-weight:750}.capability-editor-grid textarea{min-height:240px;border:1px solid var(--line);border-radius:9px;background:var(--bg);padding:9px;font-family:var(--font-mono);font-size:.63rem}.access-editor-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.access-editor-footer span{color:var(--muted);font-size:.62rem}

/* Extension catalog. */
.extension-catalog,.extension-category{display:grid;gap:12px}.extension-category>header{display:flex;justify-content:space-between}.extension-category h3{margin:3px 0 0}.extension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.extension-card{display:grid;gap:10px}.extension-card.enabled{border-color:color-mix(in srgb,var(--brand-accent) 24%,var(--line))}.extension-card>header{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center}.extension-card>header>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--surface-3);color:var(--brand-accent)}.extension-card svg{width:18px}.extension-card b,.extension-card small{display:block}.extension-card small{margin-top:2px;color:var(--muted);font-size:.56rem}.extension-card>p{margin:0;color:var(--muted);font-size:.66rem;line-height:1.5}.extension-meta{display:flex;gap:6px;margin-top:auto}.extension-meta span{padding:4px 7px;border-radius:99px;background:var(--surface-2);color:var(--muted);font-size:.52rem}

/* Help center / service desk. */
.help-service-desk{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.help-request-create .span-2{grid-column:1/-1}.help-request-create textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--bg);padding:9px}.support-ticket-list{display:grid;gap:5px}.support-ticket-list>button{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;width:100%;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--bg);text-align:left;cursor:pointer}.support-ticket-list>button:hover{background:var(--surface-2)}.support-ticket-list b,.support-ticket-list small{display:block}.support-ticket-list small{margin-top:2px;color:var(--muted);font-size:.56rem}.support-ticket-list em{color:var(--muted);font-size:.55rem;font-style:normal;text-transform:uppercase}

@media(max-width:1180px){.extension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.access-route-groups{grid-template-columns:1fr}.profile-v17-shell{grid-template-columns:1fr}.profile-v17-identity,.profile-v17-access,.profile-v17-navigation,.profile-v17-theme,.profile-v17-preferences{grid-column:1;grid-row:auto}.workspace-studio-shell,.access-studio-shell{grid-template-columns:1fr}.workspace-layout-summary,.access-role-list{position:static}.access-role-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.app-shell.nav-docked,.app-shell.nav-compact,.app-shell.nav-right.nav-docked,.app-shell.nav-right.nav-compact{grid-template-columns:1fr!important}.app-shell .navigation-rail{position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;width:min(88vw,340px)!important;transform:translateX(-104%)!important;border-radius:0!important;margin:0!important;z-index:145!important}.app-shell .navigation-rail.open{transform:translateX(0)!important;box-shadow:0 20px 70px rgba(0,0,0,.5)!important}.app-shell .top-bar,.app-shell .workspace-toolbar,.app-shell .workspace{grid-column:1!important;margin:0!important}.layout-module[data-layout-size]{grid-column:1/-1!important;width:100%!important;max-width:none!important}.layout-size-group{display:none}.layout-editor-banner{align-items:flex-start;flex-direction:column}.profile-v17-fields,.profile-nav-controls,.layout-setting-grid,.capability-editor-grid,.task-bundle-grid,.extension-grid,.help-service-desk{grid-template-columns:1fr}.access-role-buttons{grid-template-columns:1fr}.workspace-route-list>section>div{grid-template-columns:minmax(0,1fr) auto}.workspace-route-list>section>div label{display:none}.workspace-route-list>section>div .button{grid-column:2}.access-page-toolbar{align-items:flex-start;flex-direction:column}.profile-v17-hero{grid-template-columns:auto 1fr}.profile-v17-hero>.status{grid-column:1/-1}.profile-action-tile{grid-template-columns:auto 1fr}.profile-action-tile .button{grid-column:1/-1}.extension-grid{grid-template-columns:1fr}}

/* Navigation page ordering */
.workspace-order-controls{display:inline-flex;gap:4px;align-items:center}.workspace-order-controls .icon-button{width:30px;height:30px;min-width:30px}.workspace-order-controls .move-down svg{transform:rotate(180deg)}
@media(max-width:720px){.workspace-route-list>section>div{grid-template-columns:minmax(0,1fr) auto auto}.workspace-order-controls{grid-column:2}.workspace-route-list>section>div>.button{grid-column:3}}