:root{--confluence-blue:#0c66e4;--confluence-ink:#172b4d;--confluence-muted:#5e6c84}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.app{--header-height:60px}.app header{height:60px;padding:0 24px;gap:12px;box-shadow:0 1px 0 rgba(9,30,66,.08)}
.app .brand{font-size:19px;letter-spacing:-.01em;gap:9px}.app .brand-mark{width:30px;height:30px;border-radius:7px;box-shadow:0 2px 5px rgba(9,30,66,.18)}
.app .search-wrap{height:38px;max-width:720px;border-radius:6px;background:var(--surface);transition:border-color .15s,box-shadow .15s}.app .search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}
.app .workspace-select{display:flex;align-items:center;min-height:36px;padding:0 4px;border-left:1px solid var(--border)}.app .workspace-select select{max-width:190px;border-radius:5px;font-size:14px;cursor:pointer}.app .workspace-select select:hover{background:var(--hover)}
.app header button{min-height:36px}.app header .avatar{width:32px;height:32px}
.app .layout{grid-template-columns:276px minmax(0,1fr)}.app aside{padding:22px 16px;background:var(--surface)}
.app main{max-width:1180px;padding:42px 72px}.app h1{font-size:40px;letter-spacing:-.025em}.app article{max-width:900px;font-size:16px;line-height:1.75}
.app button{font-weight:500;transition:background .12s,border-color .12s,box-shadow .12s,transform .12s}.app button:focus-visible,.app a:focus-visible,.app input:focus-visible,.app textarea:focus-visible,.app select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.app .primary{box-shadow:0 1px 2px rgba(9,30,66,.18)}.app .primary:hover{filter:brightness(1.04);transform:translateY(-1px)}
.app.dark{--bg:#101214;--surface:#1b1f23;--panel:#161a1e;--text:#f1f2f4;--muted:#a7b0bd;--border:#343d49;--hover:#243b57}.app.dark header{box-shadow:0 1px 0 rgba(255,255,255,.08)}.app.dark .search-wrap{background:#14181c}.app.dark article{color:#e6e8eb}
[data-public-link-action]{display:inline-flex;align-items:center;gap:6px}[data-public-link-action]::before{content:'↗';font-size:15px;line-height:1}
.app .actions{align-items:center;row-gap:8px;padding:12px 0;position:relative}.app .actions>button{min-height:34px}.app .actions>button:first-child{margin-right:2px}
.app .settings-layout{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel)}.app .settings-content{background:var(--panel)}
.app .table-controls{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:6px 8px;margin:0 0 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface);box-shadow:0 4px 12px rgba(9,30,66,.12)}.app.dark .table-controls{box-shadow:0 4px 16px rgba(0,0,0,.3)}.app .table-controls button{min-height:30px;padding:5px 8px;font-size:12px}.app .table-controls button:last-child{color:#de350b}
.app .create-page-dialog{border-radius:12px;box-shadow:0 24px 80px rgba(9,30,66,.24)}.app .create-page-dialog::backdrop{backdrop-filter:blur(2px)}.app .create-page-heading>button{border-radius:6px}.app .create-page-footer .primary{min-width:112px}
.app .notifications-popover{backdrop-filter:blur(10px);box-shadow:0 16px 44px rgba(9,30,66,.22)}.app.dark .notifications-popover{box-shadow:0 16px 44px rgba(0,0,0,.42)}
.app .page-main>article{overflow-x:auto;overflow-wrap:anywhere}.app .page-main>article table{min-width:560px}
@media(prefers-reduced-motion:reduce){.app *,.app *::before,.app *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.app button:hover{transform:none}}
@media(forced-colors:active){.app button,.app input,.app select,.app textarea{forced-color-adjust:auto}.app button:focus-visible,.app a:focus-visible{outline:2px solid CanvasText;outline-offset:2px}}
@media(max-width:760px){.app .actions{overflow-x:auto;flex-wrap:nowrap;padding-bottom:12px;scrollbar-width:none}.app .actions::-webkit-scrollbar{display:none}.app .actions>button{flex:0 0 auto}.app .settings-layout{border-left:0;border-right:0;border-radius:0}.app .settings-nav{overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}.app .settings-nav::-webkit-scrollbar{display:none}.app .settings-nav-item{flex:0 0 auto}}
@media(max-width:760px){.app:not(.sidebar-collapsed) .layout>aside{top:var(--header-height)}.app .layout:not(.sidebar-collapsed)::before{inset:var(--header-height) 0 0}.app .layout>main{min-height:calc(100vh - var(--header-height))}}
.app .layout{min-height:calc(100vh - var(--header-height))}.app .toolbar{top:var(--header-height)}.app .rich-editor>.editor-content,.app .rich-editor>.ProseMirror,.app .rich-editor .ProseMirror{scroll-margin-top:var(--header-height)}
@media(max-width:900px){.app main{padding:32px 28px}.app header{padding:0 16px}.app .search-wrap{max-width:none}.app h1{font-size:34px}}
@media(max-width:600px){.app header{height:56px}.app main{padding:24px 18px}.app h1{font-size:30px}.app .brand{font-size:17px}.app .search-wrap{min-width:0}.app .search-wrap input{font-size:14px}}