/* GENOTION v0.1.4 — full-bleed Notion-style page and contextual menu */
.main .content{width:100%;max-width:none;padding:0 0 100px;margin:0;flex:1}
.g-page-banner{height:clamp(226px,22vw,310px);width:100%;border-radius:0;border:0;margin:0;position:relative;background:#0e1737 url('/genesis-aurora.svg') center center/cover no-repeat}
.g-page-banner.has-image{background-size:cover;background-position:center}
.g-page-banner.is-empty{height:0;background:none;margin:0;overflow:visible}
.g-page-banner .g-cover-actions{right:clamp(16px,6vw,100px);bottom:13px}
.g-page-body{position:relative;width:100%;max-width:1600px;padding:0 clamp(26px,6.5vw,116px) 100px;margin:0 auto}
.g-page-body.g-narrow{max-width:990px;padding:0 clamp(27px,5.2vw,96px) 100px}
.g-page-body.g-smalltext{font-size:12px}
.g-page-body.g-smalltext .block-text,.g-page-body.g-smalltext .db-table{font-size:12px}
.g-page-body.g-font-serif .page-title,.g-page-body.g-font-serif .editor,.g-page-body.g-font-serif .subpages{font-family:Georgia,'Times New Roman',serif}
.g-page-body.g-font-mono .page-title,.g-page-body.g-font-mono .editor{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.g-page-body .g-hero-icon{width:104px;height:104px;background:#f8f8f8;border-radius:5px;box-shadow:0 3px 18px #0004;margin:-70px 0 35px 8px;padding:8px;position:relative;z-index:1;font-size:58px;color:#141414;overflow:hidden;border:1px solid #efefef}
.g-page-body .g-hero-icon img.g-icon-img{width:100%;height:100%;object-fit:contain;border-radius:0}
.g-page-body .g-hero-icon:hover{background:#fafafa;box-shadow:0 0 0 3px #b7b7b738,0 5px 20px #0005}
.g-page-body .g-page-tools{position:absolute;top:16px;right:clamp(26px,6.5vw,116px);display:flex;gap:5px;margin:0;opacity:0;transition:opacity .14s;z-index:3}
.g-page-body:hover .g-page-tools,.g-page-body .g-page-tools:focus-within{opacity:1}
.g-page-body .g-page-tools button{background:#222b;color:#e8e8e6;border:1px solid #484848;border-radius:5px;padding:7px 10px;backdrop-filter:blur(8px)}
.g-page-body .g-page-tools button:hover{background:#3a3a3b}
.g-page-body .page-title{font-size:clamp(29px,2.7vw,40px);letter-spacing:-1px;font-weight:750;line-height:1.3;margin:0 0 20px;color:#f4f4f2;max-width:100%}
.g-page-body .editor{margin-top:5px}
.g-page-body .db-head{margin-top:28px}
.g-page-body .db-scroll{width:100%;overflow-x:auto}
.g-page-body .db-table{min-width:860px}
.g-page-body .board{grid-template-columns:repeat(3,minmax(230px,1fr))}
.g-page-body .bottom-note{padding-top:30px}
.g-page-body .g-page-tools button:focus-visible{outline:2px solid #a4ccb3}
.g-page-banner.is-empty+.g-page-body{padding-top:42px}
.g-page-banner.is-empty+.g-page-body .g-hero-icon{margin:0 0 30px}
.g-page-banner.is-empty+.g-page-body .g-page-tools{top:10px}
.page-actions-panel{position:fixed;z-index:10025;width:min(292px,calc(100vw - 18px));background:#242424;color:#eee;border:1px solid #3b3b3b;border-radius:10px;box-shadow:0 24px 70px #000a;padding:8px 7px 0;max-height:calc(100vh - 65px);display:flex;flex-direction:column;font:13px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.page-actions-search{display:flex;gap:8px;align-items:center;border:1px solid #424242;background:#303030;border-radius:7px;padding:8px 10px;margin:0 3px 6px;color:#9d9d9d}
.page-actions-search input{flex:1;min-width:0;border:0;background:transparent;outline:0;color:#eee;font-size:12px}
.page-actions-search input::placeholder{color:#9d9d9d}
.page-actions-items{overflow-y:auto;min-height:30px;padding:3px 0 5px;overscroll-behavior:contain;scrollbar-width:thin}
.page-actions-entry,.page-actions-back{display:flex;align-items:center;gap:8px;width:100%;min-height:31px;background:transparent;color:#e4e4e2;border:0;border-radius:5px;font:inherit;text-align:left;padding:7px 9px;cursor:pointer}
.page-actions-entry:hover:not(:disabled),.page-actions-back:hover{background:#343434}
.page-actions-icon{flex:0 0 21px;width:21px;color:#bfc0bf;font-size:15px;text-align:center}
.page-actions-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-actions-hint{margin-left:auto;font-size:11px;color:#8d8d8b}
.page-actions-entry.is-disabled{opacity:.43;cursor:not-allowed}
.page-actions-divider{height:1px;background:#414141;margin:5px 4px}
.page-actions-footer{border-top:1px solid #3e3e3e;margin:0 -7px;padding:9px 13px 12px;background:#252525;color:#959593;font-size:11px;display:flex;flex-direction:column;gap:3px;border-radius:0 0 10px 10px}
.page-actions-back{color:#a6cabb;font-size:12px}
.page-actions-empty{text-align:center;color:#aaa;padding:25px 8px}
.g-history-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:auto}
.g-history-row{display:flex;align-items:center;gap:12px;padding:10px;background:#2e2e2e;border:1px solid #414141;border-radius:7px}
.g-history-row div{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.g-history-row strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-history-row small{color:#a9a9a5;font-size:11px}
.g-history-row button{color:#e8e8e8;border:1px solid #4d4d4d;background:#373737;border-radius:5px;padding:6px 8px;font-size:11px}
.g-history-row button:hover{background:#475849}
@media(max-width:780px){
.main .content{padding-bottom:65px}
.g-page-banner{height:200px}
.g-page-body,.g-page-body.g-narrow{padding:0 25px 80px}
.g-page-body .g-hero-icon{width:82px;height:82px;margin:-55px 0 27px 2px;font-size:43px}
.g-page-body .g-page-tools{right:20px;top:7px;opacity:1;gap:1px}
.g-page-body .g-page-tools button{font-size:10px;padding:5px 6px}
.g-page-body .page-title{font-size:31px;letter-spacing:-.5px}
.page-actions-panel{max-height:calc(100vh - 72px)}
.g-page-body .db-table{min-width:700px}
}