@layer components{.simple-app{background:var(--app-sidebar);min-height:100dvh;color:var(--app-ink);font-size:13px;display:flow-root}.simple-sidebar{width:var(--app-sidebar-width);z-index:30;position:fixed;inset:0 auto 0 0}.simple-sidebar .rb-block{background:var(--app-sidebar)}.simple-workspace{margin:var(--app-workspace-inset) var(--app-workspace-inset) var(--app-workspace-inset) var(--app-sidebar-width);min-height:calc(100dvh - 2 * var(--app-workspace-inset));background:var(--app-canvas);border:0;border-radius:0;flex-direction:column;display:flex;position:relative}.simple-topbar{border-bottom:1px solid var(--app-line);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 26px;display:none}.simple-topbar>div{align-items:center;gap:14px;display:flex}.simple-topbar>div>span{color:var(--app-muted)}.simple-topbar strong{font-size:13px;font-weight:500}.simple-main{width:100%;max-width:none;padding:var(--app-space-7);flex:1;min-width:0;margin:0 auto}.simple-heading{margin-bottom:var(--app-space-5);padding-bottom:var(--app-space-5);border-bottom:1px solid var(--app-divider);justify-content:space-between;align-items:center;gap:20px;display:flex}.simple-heading h1{letter-spacing:-.7px;font-size:23px;font-weight:550}.simple-heading p{color:var(--app-muted);margin-top:8px;font-size:13px}.simple-app .btn{border-radius:6px;gap:7px;min-height:34px;padding:7px 11px;font-size:12px}.simple-directory{min-width:0}.simple-directory>.rb-block{border-color:var(--app-line);box-shadow:none;border-radius:8px}.simple-caption{margin-top:20px;font-size:12px}.simple-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:24px;display:flex}.simple-toolbar .simple-field{margin:0}.simple-toolbar>.simple-field:last-child{margin-left:auto}.simple-toolbar input[type=search]{width:220px}.simple-field{min-width:0;margin-bottom:18px;display:block}.simple-field>span:first-child{color:var(--app-muted);margin-bottom:7px;font-size:12px;font-weight:500;display:block}.simple-field input,.simple-field select,.simple-field textarea{border:1px solid var(--app-line);background:var(--app-canvas);border-radius:6px;width:100%;min-height:36px;padding:7px 10px;font-size:13px}.simple-field textarea{min-height:90px}.simple-toolbar select{min-width:190px}.simple-menu,.simple-overlay{display:none}.simple-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.simple-entry{border-bottom:1px solid var(--app-line);padding:16px 0}.simple-entry>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.simple-entry small{color:var(--app-muted);margin-top:5px;display:block}.simple-entry p{overflow-wrap:anywhere;margin-top:8px;font-size:13px}.simple-entry strong{overflow-wrap:anywhere}.simple-history-empty{padding:16px 0;font-size:13px}@media (min-width:1500px){.simple-main{padding-top:var(--app-space-7)}}@media (max-width:1050px){.simple-main{padding:var(--app-space-6)}}@media (max-width:760px){.simple-sidebar{width:var(--app-sidebar-width);transition:transform .15s;transform:translate(-100%)}.simple-sidebar.is-open{transform:translate(0)}.simple-workspace{border:0;border-radius:0;min-height:100dvh;margin:0;top:0}.simple-overlay{z-index:29;background:#0004;display:block;position:fixed;inset:0}.simple-menu{display:inline-flex}.simple-topbar{height:52px;padding:0 16px;display:flex}.simple-topbar>div{gap:9px}.simple-main{padding:26px 16px}.simple-heading{align-items:flex-start;gap:12px;margin-bottom:24px}.simple-heading h1{font-size:22px}.simple-heading p{max-width:210px;font-size:12px;line-height:1.6}.simple-heading>.btn{flex-shrink:0}.simple-toolbar{gap:12px}.simple-toolbar>.simple-field{flex:1;min-width:135px}.simple-toolbar>.simple-field:last-child{flex-basis:100%;margin-left:0}.simple-toolbar input[type=search]{width:100%}.simple-toolbar select{min-width:0}.simple-form-grid{gap:12px}.simple-entry>div{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.simple-app *{transition:none!important}}.simple-field>span:has(select){width:100%;margin:0}.simple-app .simple-field>div>button{height:36px}.skl{background:var(--app-surface);background-image:linear-gradient(90deg, var(--app-surface) 0%, var(--app-hover) 50%, var(--app-surface) 100%);background-size:200% 100%;border-radius:4px;animation:1.6s ease-in-out infinite skl-shimmer;display:block}.skl-root,.skl-row{opacity:0;animation:.2s ease-out .15s forwards skl-appear}.skl-gap{margin-top:10px}.simple-topbar .skl{display:inline-block}@keyframes skl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skl-appear{to{opacity:1}}@media (prefers-reduced-motion:reduce){.skl-root,.skl-row{opacity:1;animation:none}.skl{background-image:none;animation:none}}}.simple-app .simple-menu{display:none}@media (max-width:760px){.simple-app .simple-menu{display:inline-flex}.simple-toolbar>.simple-field:nth-child(2) [role=dialog]{left:auto;right:0}.simple-sidebar{visibility:hidden}.simple-sidebar.is-open{visibility:visible}.simple-topbar{z-index:20;background:var(--app-canvas);position:sticky;top:0}}
.simple-app.no-access{background:var(--app-sidebar);min-height:100dvh;color:var(--app-ink);padding:32px 16px;line-height:1.6}.simple-app.no-access .rb-empty{margin:0}.simple-app.no-access .rb-empty p a{color:inherit;text-decoration:underline}
