:root{--toolbar-height:48px;--sidebar-width:240px;--sidebar-width-slim:48px}.app-layout{display:grid;grid-template-rows:var(--toolbar-height) 1fr;grid-template-areas:"toolbar" "body";height:100vh;width:100%;overflow:hidden}.app-toolbar{grid-area:toolbar;height:var(--toolbar-height);background:var(--surface-background);border-bottom:1px solid var(--border-default);display:flex;align-items:center;z-index:100}.app-body{grid-area:body;display:flex;position:relative;overflow:hidden;min-height:0}.app-toolbar .action-toolbar,.app-toolbar-content{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:none;gap:0}.toolbar-logo{display:flex;align-items:center;height:100%;padding:0 var(--sds-size-space-400);gap:var(--sds-size-space-200);color:var(--text-primary);text-decoration:none;font-weight:600;font-size:var(--font-size-100);transition:opacity .15s ease;padding-left:var(--sds-size-space-300)}.toolbar-logo:hover{opacity:.8}.toolbar-logomark{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toolbar-logo-text{font-weight:600}.toolbar-right-actions{display:flex;align-items:center;height:100%;gap:0}.app-toolbar .toolbar-right-actions>:last-child{border-right:none}.toolbar-desktop-only{display:flex;align-items:center;height:100%;gap:0}.toolbar-mobile-only{display:none}@media (max-width:767px){.toolbar-desktop-only,.toolbar-right-actions.toolbar-desktop-only{display:none!important}.toolbar-mobile-only{display:flex;align-items:center;height:100%}}.app-content{flex:1;min-height:0;min-width:0;height:100%;padding:0;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;display:flex;flex-direction:column}.app-layout--sidebar-hover .app-content{margin-left:56px}.inner-padding-24px{padding:var(--sds-size-space-600);flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.app-content--no-padding{padding:0!important}.top-toolbar{height:48px;flex-shrink:0;background-color:var(--circuit-mid-teal);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:flex-end;position:sticky;top:0;z-index:100}.top-toolbar .action-toolbar{height:100%;padding:0;margin:0;border-bottom:none;gap:0;justify-content:space-between;width:100%}.top-toolbar .toolbar-action-button{width:48px;height:100%;background-color:transparent;border:none;border-left:1px solid var(--circuit-light-teal);border-radius:0;padding:0;margin:0;cursor:pointer;color:var(--text-primary);font-size:24px;line-height:48px;text-align:center;display:flex;align-items:center;justify-content:center}.top-toolbar .toolbar-action-button:hover{background-color:var(--circuit-dark-teal);border:none;border-left:1px solid var(--circuit-light-teal)}.toolbar-action-button svg{width:24px;height:24px}.top-toolbar .toolbar-action-button.with-text{width:auto;padding:0 20px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border:none;border-left:1px solid var(--circuit-light-teal)}@media (max-width:767px){.app-layout{display:block;height:100vh;width:100%;position:relative;overflow:hidden}.app-content{height:100vh;overflow-y:auto;padding:0}.app-content,.app-layout--sidebar-hover .app-content{margin-left:0}.inner-padding-24px{padding:0}.toolbar-logo{margin-left:48px}}.mobile-menu-button{position:fixed;top:0;left:0;z-index:100;background:var(--circuit-mid-teal);border:none;border-right:1px solid var(--circuit-light-teal);border-bottom:1px solid var(--circuit-light-teal);border-radius:0;padding:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;cursor:pointer}.mobile-menu-button:hover{background:var(--circuit-dark-teal)}.mobile-menu-button svg{color:var(--text-primary);width:24px;height:24px}@media (min-width:768px){.mobile-menu-button{display:none}}.action-toolbar{display:flex;align-items:center;padding:var(--sds-size-space-400);border-bottom:var(--sds-size-stroke-border) solid var(--border-default);background:var(--surface-background);gap:var(--sds-size-space-300)}.action-toolbar.content-toolbar,.action-toolbar.contextual-toolbar{justify-content:space-between}.action-toolbar.grouped-toolbar{gap:var(--sds-size-space-400)}.action-toolbar .toolbar-action-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--sds-size-space-200) var(--sds-size-space-300);border:var(--sds-size-stroke-border) solid var(--border-default);border-radius:var(--sds-size-radius-100);background:var(--surface-background);color:var(--text-primary);font-family:var(--font-family-display);font-size:var(--font-size-75);font-weight:500;cursor:pointer;transition:all .15s ease-out;outline:none;text-decoration:none;white-space:nowrap}.action-toolbar .toolbar-action-button:hover{background:var(--surface-background-hover);border-color:var(--border-hover)}.action-toolbar .toolbar-action-button:active{transform:scale(.98);transition:transform .1s ease-out}.action-toolbar .toolbar-action-button:focus-visible{outline:var(--sds-size-stroke-focus-ring) solid var(--focus-ring);outline-offset:2px}.action-toolbar .toolbar-action-button.with-text{gap:var(--sds-size-space-100);padding:var(--sds-size-space-200) var(--sds-size-space-400)}.action-toolbar .toolbar-action-button.primary{background:var(--interactive-primary);color:var(--text-inverse);border-color:var(--interactive-primary)}.action-toolbar .toolbar-action-button.primary:hover{background:var(--interactive-primary-hover);border-color:var(--interactive-primary-hover)}.action-group,.primary-actions,.secondary-actions{display:flex;gap:var(--sds-size-space-200)}.toolbar-actions{display:flex;gap:var(--sds-size-space-300)}.toolbar-separator{width:1px;height:24px;background:var(--border-default)}.toolbar-status{display:flex;align-items:center;gap:var(--sds-size-space-300);color:var(--text-secondary);font-size:var(--font-size-75)}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.success{background:var(--status-success)}.status-indicator.warning{background:var(--status-warning)}.status-indicator.error{background:var(--status-error)}.status-indicator.info{background:var(--status-info)}@media (max-width:767px){.action-toolbar{flex-wrap:wrap;gap:var(--sds-size-space-200)}.action-toolbar .toolbar-action-button.with-text{padding:var(--sds-size-space-200) var(--sds-size-space-300);font-size:var(--font-size-50)}.action-toolbar.content-toolbar,.action-toolbar.contextual-toolbar{flex-direction:column;align-items:stretch;gap:var(--sds-size-space-300)}.primary-actions,.secondary-actions,.toolbar-actions{justify-content:center}.toolbar-left-actions{display:none!important}.top-toolbar .action-toolbar{justify-content:flex-end}}.toolbar-left-actions,.toolbar-right-actions{display:flex;align-items:center;height:100%;gap:0}.toolbar-left-actions .button_button_toolbar_uCVc{border-left:none;border-right:1px solid var(--circuit-light-teal)}.toolbar-right-actions .button_button_toolbar_uCVc{border-left:1px solid var(--circuit-light-teal);border-right:none}@media (prefers-color-scheme:dark){.action-toolbar .toolbar-action-button{border-color:var(--border-subtle)}.toolbar-separator{background:var(--border-subtle)}}