22 lines
2.0 KiB
CSS
22 lines
2.0 KiB
CSS
.app-shell { min-height: 100vh; padding-top: 18px; }
|
|
/* CPA Manager overlays its own controls on the iframe's top-right corner. */
|
|
.workspace-bar { position: sticky; z-index: 20; top: 0; display: flex; align-items: center; min-height: 50px; padding-right: 222px; border-bottom: 1px solid var(--border-soft); background: color-mix(in srgb, var(--bg-primary) 92%, transparent); backdrop-filter: blur(16px); }
|
|
body.demo-mode .workspace-bar { padding-right: 22px; }
|
|
.topbar-actions { display: flex; align-items: center; gap: 10px; }
|
|
.demo-perspective { display: flex; align-items: center; padding: 3px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-secondary); }
|
|
.demo-perspective button { border: 0; border-radius: 5px; padding: 6px 10px; background: transparent; color: var(--muted); font-size: 11px; }
|
|
.demo-perspective button:hover { border: 0; background: var(--bg-hover); color: var(--text); }
|
|
.demo-perspective button.active { background: var(--bg-tertiary); color: var(--text); box-shadow: inset 0 0 0 1px var(--border-primary); }
|
|
.auth-box { display: flex; align-items: center; gap: 8px; }
|
|
#key { width: 188px; }
|
|
.workspace-nav { display: flex; flex: 1 1 auto; align-items: stretch; gap: 3px; min-width: 0; height: 50px; padding: 0 22px; overflow-x: auto; overflow-y: hidden; }
|
|
.nav-button { position: relative; display: flex; flex: 0 0 auto; align-items: center; height: 49px; border: 0; padding: 0 13px; background: transparent; color: var(--muted); font-size: 13px; line-height: 1; }
|
|
.nav-button:hover { color: var(--text); }
|
|
.nav-button.active { color: var(--text); }
|
|
.nav-button.active::after { position: absolute; right: 10px; bottom: -1px; left: 10px; height: 2px; border-radius: 2px 2px 0 0; background: var(--accent-strong); content: ""; }
|
|
main { padding: 18px 22px 28px; }
|
|
.view { display: none; }
|
|
.view.active { display: block; }
|
|
.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
|
|
.section-heading.actions-only { justify-content: flex-end; }
|