:root{--app-shell-sidebar-width:248px;--app-shell-header-height:72px}.app-shell-skip-link{position:fixed;z-index:calc(var(--ui-z-modal,1000) + 1);top:8px;left:8px;padding:10px 14px;border-radius:var(--ui-radius-md,10px);color:var(--ui-color-background,#08070d);background:var(--ui-color-text,#fff);transform:translateY(-150%)}.app-shell-skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh;color:var(--ui-color-text,#fff);background:var(--ui-color-background,#08070d)}.app-shell-header{position:sticky;z-index:var(--ui-z-sticky,100);top:0;display:grid;grid-template-columns:auto auto minmax(180px,560px) auto;align-items:center;gap:14px;min-height:var(--app-shell-header-height);padding:10px 22px;border-bottom:1px solid var(--ui-color-border,rgba(255,255,255,.14));background:color-mix(in srgb,var(--ui-color-background,#08070d) 92%,transparent);backdrop-filter:blur(18px)}.app-shell-logo{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.app-shell-logo span,.app-shell-avatar{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--ui-color-border-strong,rgba(var(--color-primary-rgb),.5));border-radius:50%;background:var(--ui-color-surface-raised,#211a2c);font-weight:900}.app-shell-search{min-width:0}.app-shell-search input{width:100%;min-height:42px}.app-shell-header__actions{display:flex;align-items:center;justify-content:end;gap:8px}.app-shell-icon-button{display:grid;place-items:center;min-width:42px;padding:8px;text-decoration:none}.app-shell-menu-toggle{display:none}.app-shell-body{display:grid;grid-template-columns:var(--app-shell-sidebar-width) minmax(0,1fr);min-height:calc(100vh - var(--app-shell-header-height))}.app-shell-sidebar{position:sticky;top:var(--app-shell-header-height);align-self:start;height:calc(100vh - var(--app-shell-header-height));padding:18px 12px;border-right:1px solid var(--ui-color-border,rgba(255,255,255,.14));background:var(--ui-color-surface,#12101a)}.app-shell-navigation ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.app-shell-navigation__link{display:flex;min-height:44px;align-items:center;padding:10px 14px;border-radius:var(--ui-radius-md,10px);color:var(--ui-color-muted,rgba(255,255,255,.7));font-weight:800;text-decoration:none}.app-shell-navigation__link:hover,.app-shell-navigation__link:focus-visible{color:var(--ui-color-text,#fff);background:var(--ui-color-surface-raised,#211a2c)}.app-shell-navigation__link[aria-current="page"]{color:var(--ui-color-text,#fff);background:color-mix(in srgb,var(--ui-color-primary,var(--color-primary)) 22%,transparent)}.app-shell-navigation__link[aria-disabled="true"]{cursor:not-allowed;opacity:.42}.app-shell-content{min-width:0;overflow:clip}.app-shell-content>main{max-width:100%}.app-shell-breadcrumbs{width:min(1500px,calc(100% - 32px));margin:18px auto -10px}.app-shell-breadcrumbs ol{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;color:var(--ui-color-muted,rgba(255,255,255,.7));font-size:13px}.app-shell-breadcrumbs li+li::before{margin-right:8px;content:"/"}.app-shell-breadcrumbs a{color:inherit}.app-shell-backdrop{display:none}.app-shell :focus-visible{outline:3px solid var(--ui-color-focus,var(--color-primary));outline-offset:3px}
@media(max-width:1100px){.app-shell-menu-toggle{display:inline-flex}.app-shell-header{grid-template-columns:auto auto minmax(140px,1fr) auto;padding-inline:14px}.app-shell-body{grid-template-columns:minmax(0,1fr)}.app-shell-sidebar{position:fixed;z-index:var(--ui-z-overlay,300);top:var(--app-shell-header-height);bottom:0;left:0;width:var(--app-shell-sidebar-width);height:auto;transform:translateX(-100%);transition:transform var(--ui-duration-normal,180ms) ease}.app-shell[data-sidebar-open="true"] .app-shell-sidebar{transform:translateX(0)}.app-shell[data-sidebar-open="true"] .app-shell-content{margin-left:var(--app-shell-sidebar-width)}}
@media(max-width:720px){.app-shell-header{grid-template-columns:auto 1fr auto;min-height:64px}.app-shell-logo strong,.app-shell-search{display:none}.app-shell-header__actions .ui-button-secondary{display:none}.app-shell-body{min-height:calc(100vh - 64px)}.app-shell-sidebar{top:64px;width:min(82vw,300px)}.app-shell[data-sidebar-open="true"] .app-shell-content{margin-left:0}.app-shell[data-mobile-navigation-open="true"] .app-shell-sidebar{transform:translateX(0)}.app-shell-backdrop{position:fixed;z-index:calc(var(--ui-z-overlay,300) - 1);inset:64px 0 0;display:block;border:0;background:rgba(0,0,0,.62);opacity:0;pointer-events:none}.app-shell[data-mobile-navigation-open="true"] .app-shell-backdrop{opacity:1;pointer-events:auto}.app-shell-breadcrumbs{width:calc(100% - 20px);margin-top:12px}.app-shell-content>main{padding-top:18px}}
.app-shell-language,.app-shell-theme{width:auto;min-width:112px;min-height:40px}.app-shell-language{min-width:132px}.nyvora-brand{display:block;width:142px;height:36px}.nyvora-brand img{display:block;width:100%;height:100%;object-fit:contain}.app-shell-footer{display:flex;justify-content:space-between;gap:16px;width:min(1500px,calc(100% - 32px));margin:28px auto;padding:18px 0;border-top:1px solid var(--ui-color-border);color:var(--ui-color-muted);font-size:13px}@media(prefers-reduced-motion:reduce){.app-shell-sidebar{transition:none}}
.app-shell .creator-back,.app-shell .creator-tool-navigation,.app-shell .creator-media-nav,.app-shell .content-planner-nav,.app-shell .creator-messages-nav,.app-shell .creator-notifications-nav,.app-shell .back-link{display:none}
@media(max-width:720px){.app-shell[data-sidebar-open="true"] .app-shell-sidebar{transform:translateX(-100%)}.app-shell[data-mobile-navigation-open="true"] .app-shell-sidebar{transform:translateX(0)}}
@media(max-width:680px){.app-shell-theme{max-width:54px;padding-inline:6px}.app-shell-header__actions .app-shell-icon-button{display:none}}@media(max-width:560px){.app-shell-language{max-width:52px;padding-inline:6px}.app-shell-avatar{display:none}.nyvora-brand{width:36px}.app-shell-footer{align-items:flex-start;flex-direction:column;width:calc(100% - 20px)}}

/* Creator workspace polish */
.app-shell-header{gap:20px;min-height:76px;padding:12px 28px;background:color-mix(in srgb,var(--ui-color-background) 88%,transparent);box-shadow:0 1px 0 color-mix(in srgb,var(--ui-color-border) 75%,transparent)}
.app-shell-search input{min-height:46px;padding-inline:16px;border-color:transparent;background:var(--ui-color-surface-subtle);box-shadow:inset 0 0 0 1px var(--ui-color-border)}
.app-shell-search input:focus{background:var(--ui-color-surface)}
.app-shell-header__actions{gap:10px}.app-shell-icon-button{min-width:38px;min-height:38px;padding:7px;border-radius:var(--ui-radius-md)}
.app-shell-avatar{width:40px;height:40px;border:2px solid var(--ui-color-surface);background:var(--ui-color-primary-soft);box-shadow:0 0 0 1px var(--ui-color-border)}
.app-shell-sidebar{padding:24px 14px;background:var(--ui-color-surface)}
.app-shell-navigation ul{gap:7px}.app-shell-navigation__link{position:relative;min-height:46px;padding:11px 14px;border-radius:var(--ui-radius-md);font-size:var(--ui-font-sm);font-weight:700;transition:color var(--ui-transition),background var(--ui-transition),transform var(--ui-transition)}
.app-shell-navigation__link:hover,.app-shell-navigation__link:focus-visible{background:var(--ui-color-surface-subtle);transform:translateX(2px)}
.app-shell-navigation__link[aria-current="page"]{color:var(--ui-color-text);background:var(--ui-color-primary-soft);box-shadow:inset 3px 0 0 var(--ui-color-primary)}
.app-shell-breadcrumbs{margin-top:24px;color:var(--ui-color-muted)}
.app-shell-footer{margin-top:40px;padding-block:24px}
@media(max-width:1100px){.app-shell-header{padding-inline:18px}.app-shell[data-sidebar-open="true"] .app-shell-content{margin-left:0}}
@media(max-width:720px){.app-shell-header{min-height:64px;padding-inline:12px}.app-shell-sidebar{padding-top:20px}.app-shell-breadcrumbs{margin-top:14px}}

/* Nyvora Design Language 2.0 shell */
.app-shell-header{min-height:72px;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-color:color-mix(in srgb,var(--ui-color-border) 78%,transparent);box-shadow:var(--ui-shadow-sm)}
.app-shell-search input{min-height:44px;border-radius:var(--radius-input);background:var(--ui-color-surface);box-shadow:none}.app-shell-header__actions{gap:var(--space-xs)}.app-shell-icon-button{width:40px;height:40px;min-width:40px;padding:0;border-radius:var(--radius-button)}.app-shell-avatar{width:40px;height:40px}
.app-shell-sidebar{padding:var(--space-md) var(--space-sm);background:color-mix(in srgb,var(--ui-color-surface) 92%,var(--ui-color-background))}.app-shell-navigation ul{gap:var(--space-xs)}.app-shell-navigation__link{min-height:48px;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-button);font-weight:650}.app-shell-navigation__link[aria-current="page"]{color:var(--ui-color-primary);background:var(--ui-color-primary-soft);box-shadow:inset 3px 0 0 var(--ui-color-primary),0 8px 24px rgba(var(--color-primary-rgb),.1)}
.app-shell-footer{margin-top:var(--space-xl);padding-block:var(--space-md)}
