20 lines
1.9 KiB
CSS
20 lines
1.9 KiB
CSS
.app-shell { min-height: 100vh; padding-top: 18px; }
|
|
/* CPA Manager overlays its own controls on the iframe's top-right corner. */
|
|
.topbar { position: sticky; z-index: 20; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 58px; padding: 0 222px 0 22px; border-bottom: 1px solid var(--border-soft); background: color-mix(in srgb, var(--bg-primary) 92%, transparent); backdrop-filter: blur(16px); }
|
|
.brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
|
|
.brand-mark { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid var(--border-primary); border-radius: 8px; background: var(--bg-tertiary); color: var(--text-primary); font-size: 11px; font-weight: 800; letter-spacing: .04em; }
|
|
.brand strong { font-size: 14px; letter-spacing: .02em; }
|
|
.brand span { color: var(--muted); font-size: 12px; }
|
|
.auth-box { display: flex; align-items: center; gap: 8px; }
|
|
#key { width: 188px; }
|
|
.workspace-nav { display: flex; align-items: stretch; gap: 3px; height: 50px; padding: 0 22px; border-bottom: 1px solid var(--border-soft); background: var(--bg-secondary); 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; }
|