/* Aurora Pro simplified layout + tabbed inspector */

body.obsidian-app.obsidian-refined {
 --refine-gap: 0.5rem;
}

body.obsidian-app.obsidian-refined.obsidian-shell {
 gap: var(--refine-gap);
 padding: 0.5rem;
 display: flex;
 flex-direction: column;
 min-height: 0;
}

body.obsidian-app.obsidian-refined.obsidian-shell >.flex.min-h-0 {
 flex: 1;
 min-height: 0;
}

body.obsidian-app.obsidian-refined header.glass {
 padding: 0.45rem 0.75rem;
 gap: 0.45rem;
 border-radius: 1rem;
}

body.obsidian-app.obsidian-refined header.glass.leading-tight p:last-child {
 display: none;
}

body.obsidian-app.obsidian-refined #proPageBar,
body.obsidian-app.obsidian-refined #proBreakpointBar,
body.obsidian-app.obsidian-refined #proGridLayoutBar {
 display: none!important;
}

body.obsidian-app.obsidian-refined main.pro-main-col {
 display: flex;
 flex-direction: column;
 min-height: 0;
 min-width: 0;
 overflow: hidden;
}

body.obsidian-app.obsidian-refined.pro-stage-body {
 position: relative;
 flex: 1;
 min-height: 0;
 min-width: 0;
}

body.obsidian-app.obsidian-refined #stageWrap {
 height: 100%;
}

body.obsidian-app.obsidian-refined.pro-studio-dock {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 gap: 0.35rem 0.65rem;
 padding: 0.35rem 0.75rem;
 border-radius: 0.85rem;
 margin: 0;
 flex-shrink: 0;
 width: 100%;
 box-sizing: border-box;
}

body.obsidian-app.obsidian-refined.pro-dock-label {
 font-size: 9px;
 font-weight: 800;
 letter-spacing: 0.18em;
 text-transform: uppercase;
 color: #64748b;
 margin-right: 0.15rem;
}

body.obsidian-app.obsidian-refined.pro-dock-group {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 gap: 0.3rem;
}

body.obsidian-app.obsidian-refined.pro-dock-sep {
 width: 1px;
 height: 1.25rem;
 background: rgba(148, 163, 184, 0.18);
 margin: 0 0.15rem;
}

body.obsidian-app.obsidian-refined.pro-dock-more {
 margin-left: auto;
}

body.obsidian-app.obsidian-refined.pro-header-tools-hidden {
 position: absolute!important;
 width: 1px!important;
 height: 1px!important;
 overflow: hidden!important;
 clip: rect(0, 0, 0, 0)!important;
 white-space: nowrap!important;
 border: 0!important;
 padding: 0!important;
 margin: -1px!important;
}

body.obsidian-app.obsidian-refined #rightInspector {
 width: 300px;
 padding: 0.55rem;
}

body.obsidian-app.obsidian-refined #leftDrawer {
 width: 280px;
}

body.obsidian-app.obsidian-refined #leftDrawer.drawer-collapsed {
 display: none!important;
 width: 0!important;
 min-width: 0!important;
 padding: 0!important;
 margin: 0!important;
 border: 0!important;
 opacity: 0;
 pointer-events: none;
}

body.obsidian-app.obsidian-refined.obsidian-shell >.flex.min-h-0 {
 min-height: 0;
 align-items: stretch;
}

body.obsidian-app.obsidian-refined main.pro-main-col {
 flex: 1 1 auto;
}

body.obsidian-app.obsidian-refined.pro-inspector-tabs {
 display: flex;
 flex-direction: column;
 min-height: 0;
 flex: 1;
}

body.obsidian-app.obsidian-refined.pro-inspector-tablist {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 0.25rem;
 margin-bottom: 0.55rem;
}

body.obsidian-app.obsidian-refined.pro-inspector-tab {
 border: 1px solid rgba(148, 163, 184, 0.14);
 background: rgba(148, 163, 184, 0.06);
 color: #94a3b8;
 border-radius: 0.55rem;
 padding: 0.35rem 0.2rem;
 font-size: 10px;
 font-weight: 700;
 letter-spacing: 0.04em;
 transition: 0.18s;
}

body.obsidian-app.obsidian-refined.pro-inspector-tab.on {
 color: #a5f3fc;
 border-color: rgba(34, 211, 238, 0.45);
 background: rgba(34, 211, 238, 0.12);
 box-shadow: 0 0 14px -6px rgba(34, 211, 238, 0.55);
}

body.obsidian-app.obsidian-refined.pro-inspector-panel {
 display: none;
 min-height: 0;
 flex: 1;
 overflow-y: auto;
 padding-right: 0.15rem;
}

body.obsidian-app.obsidian-refined.pro-inspector-panel.on {
 display: flex;
 flex-direction: column;
}

body.obsidian-app.obsidian-refined #proTabLayers.on #layers {
 max-height: none;
 flex: 1;
}

body.obsidian-app.obsidian-refined #proTabDesign #inspector.glass-2:first-child {
 min-height: 8rem;
}

body.obsidian-app.obsidian-refined.pro-inspector-head {
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-bottom: 0.45rem;
}

body.obsidian-app.obsidian-refined.pro-refined-hidden {
 display: none!important;
}

body.obsidian-app.obsidian-refined #proExportMenu {
 position: absolute;
 right: 0;
 top: calc(100% + 0.35rem);
 z-index: 90;
 min-width: 15rem;
 padding: 0.75rem;
 border-radius: 0.85rem;
 background: rgba(15, 23, 42, 0.96);
 border: 1px solid rgba(148, 163, 184, 0.18);
 box-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.85);
 display: none;
}

body.obsidian-app.obsidian-refined #proExportMenu.open {
 display: block;
}

body.obsidian-app.obsidian-refined #proExportMenu label {
 display: block;
 font-size: 10px;
 font-weight: 700;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #64748b;
 margin: 0.45rem 0 0.25rem;
}

body.obsidian-app.obsidian-refined #proExportMenu.fld {
 width: 100%;
}

body.obsidian-app.obsidian-refined #proStudioMenu {
 position: absolute;
 left: 0;
 top: calc(100% + 0.35rem);
 z-index: 90;
 min-width: 13rem;
 padding: 0.45rem;
 border-radius: 0.85rem;
 background: rgba(15, 23, 42, 0.96);
 border: 1px solid rgba(148, 163, 184, 0.18);
 box-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.85);
 display: none;
}

body.obsidian-app.obsidian-refined #proStudioMenu.open {
 display: block;
}

body.obsidian-app.obsidian-refined #proStudioMenu button {
 display: flex;
 width: 100%;
 align-items: center;
 gap: 0.45rem;
 border-radius: 0.55rem;
 padding: 0.45rem 0.55rem;
 font-size: 11px;
 font-weight: 600;
 color: #e2e8f0;
 text-align: left;
}

body.obsidian-app.obsidian-refined #proStudioMenu button:hover {
 background: rgba(34, 211, 238, 0.1);
}

body.obsidian-app.obsidian-refined.pro-menu-wrap {
 position: relative;
}

body.obsidian-app.obsidian-refined #btnFocusCanvas.on {
 border-color: rgba(34, 211, 238, 0.55);
 color: #a5f3fc;
 background: rgba(34, 211, 238, 0.12);
}

body.obsidian-app.obsidian-refined.obsidian-focus-mode #leftDrawer,
body.obsidian-app.obsidian-refined.obsidian-focus-mode #rightInspector,
body.obsidian-app.obsidian-refined.obsidian-focus-mode.obsidian-rail,
body.obsidian-app.obsidian-refined.obsidian-focus-mode.pro-studio-dock {
 display: none!important;
}

body.obsidian-app.obsidian-refined.pro-advanced-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.45rem;
}

body.obsidian-app.obsidian-refined.pro-advanced-grid label {
 font-size: 10px;
 color: #64748b;
}

body.obsidian-app.obsidian-refined.pro-advanced-grid.fld {
 margin-top: 0.2rem;
}

@media (max-width: 1100px) {
 body.obsidian-app.obsidian-refined #rightInspector {
 width: 260px;
 }
}
