:root{--launcher-red:#c9272f;--launcher-dark:#202630}

html[data-layout="horizontal"] .app{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:66px minmax(0,1fr)!important;grid-template-areas:"top" "main"!important}
html[data-layout="horizontal"] .sidebar{display:none!important}
.main{width:100%;max-width:100vw}

html[data-layout="vertical"] .app{grid-template-columns:235px minmax(0,1fr)!important;grid-template-rows:66px minmax(0,1fr)!important;grid-template-areas:"top top" "side main"!important}
html[data-layout="vertical"] .sidebar{display:flex!important}
html[data-layout="vertical"] .dynamic-menu-shell{display:none!important}

@keyframes launcherPanelIn{from{opacity:0;transform:translateY(-12px) scaleY(.96)}to{opacity:1;transform:translateY(0) scaleY(1)}}
@keyframes launcherItemIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

.dynamic-menu-shell{position:sticky;top:66px;z-index:28;margin:-22px -22px 16px;padding:10px 22px 0;background:color-mix(in srgb,var(--bg) 93%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.dynamic-menu-row{display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}
.dynamic-menu-home,.dynamic-menu-group{display:flex;align-items:center;gap:9px;min-height:46px;padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-weight:900;white-space:nowrap;cursor:pointer}
.dynamic-menu-home:hover,.dynamic-menu-group:hover{transform:translateY(-2px);border-color:var(--launcher-red);box-shadow:var(--shadow)}
.dynamic-menu-home.active,.dynamic-menu-group.active,.dynamic-menu-group[aria-expanded="true"]{background:var(--launcher-dark)!important;border-color:var(--launcher-dark)!important;color:#fff!important;opacity:1}
.dynamic-menu-group[aria-expanded="true"]{box-shadow:inset 0 -3px var(--launcher-red)}
.dynamic-menu-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--panel2);color:var(--launcher-red);font-size:15px}
.dynamic-menu-home.active .dynamic-menu-icon,.dynamic-menu-group.active .dynamic-menu-icon,.dynamic-menu-group[aria-expanded="true"] .dynamic-menu-icon{background:rgba(255,255,255,.14);color:#fff}
.dynamic-menu-chevron{margin-left:3px;color:var(--muted);transition:transform .2s ease}
.dynamic-menu-group[aria-expanded="true"] .dynamic-menu-chevron{transform:rotate(180deg);color:#fff}

.dynamic-menu-panel{transform-origin:top;display:block;padding:14px;margin-bottom:10px;border:1px solid var(--line);border-top:4px solid var(--launcher-red);border-radius:12px;background:var(--panel);box-shadow:0 20px 48px rgba(15,23,42,.18);animation:launcherPanelIn .22s cubic-bezier(.2,.8,.2,1)}
.dynamic-menu-panel.hidden{display:none!important}
.dynamic-menu-modules{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px}
.dynamic-module-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-height:66px;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);text-align:left;cursor:pointer;animation:launcherItemIn .2s ease both}
.dynamic-module-card:nth-child(2){animation-delay:.035s}.dynamic-module-card:nth-child(3){animation-delay:.07s}.dynamic-module-card:nth-child(4){animation-delay:.105s}
.dynamic-module-card:hover{transform:translateY(-3px);border-color:var(--launcher-red);box-shadow:var(--shadow)}
.dynamic-module-card.active{border-color:var(--launcher-red);box-shadow:inset 4px 0 var(--launcher-red)}
.dynamic-module-card b,.dynamic-module-card small{display:block}
.dynamic-module-card small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.3}
.dynamic-module-card .dynamic-menu-icon{width:34px;height:34px}

html[data-theme="dark"] .dynamic-menu-shell{background:rgba(11,18,32,.94)}
html[data-theme="dark"] .dynamic-menu-home.active,html[data-theme="dark"] .dynamic-menu-group.active,html[data-theme="dark"] .dynamic-menu-group[aria-expanded="true"]{background:#273244}

@media(max-width:980px){.dynamic-menu-modules{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:900px){.dynamic-menu-shell{top:66px;margin:-14px -14px 12px;padding:8px 14px 0}}
@media(max-width:620px){.dynamic-menu-shell{margin:-10px -10px 10px;padding:7px 10px 0}.dynamic-menu-home,.dynamic-menu-group{min-height:42px;padding:8px 10px;font-size:11px}.dynamic-menu-panel{padding:9px}.dynamic-menu-modules{grid-template-columns:1fr}.dynamic-module-card{min-height:58px}.commercial-flow{margin-top:0}}
