/* Shared LEGNO Operations palette and workspace layout. */
:root{color-scheme:dark;--operations-bg:#252525;--operations-bg-deep:#202020;--operations-surface:#2b2b2b;--operations-line:#424242;--operations-text:#f3f3f3;--operations-muted:#a7a7a7;--operations-blue:#1683e8;background:#252525;color:#f3f3f3;font-family:Inter,"Segoe UI",system-ui,sans-serif}
body{background:#252525;color:#f3f3f3;font-size:14px;line-height:1.45;padding-left:248px}header{min-height:76px;padding:16px 32px;background:#252525;border-color:#424242}.brand{font-size:20px;letter-spacing:1px}.brand span{color:#a7a7a7}main{width:calc(100% - 64px);max-width:1280px;margin:32px auto}h1{font-size:28px;letter-spacing:-.03em}h2{font-size:20px}p{color:#a7a7a7}small{color:#a7a7a7}footer{border-color:#424242;color:#a7a7a7}footer strong{color:#f3f3f3}
.operations-site-sidebar{position:fixed;left:0;top:0;bottom:0;width:248px;padding:24px 16px;background:#202020;border-right:1px solid #424242;z-index:10}.operations-site-brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px;color:#f3f3f3;text-decoration:none}.operations-site-brand img{width:92px;height:48px;object-fit:contain}.operations-site-brand span{font-size:11px;color:#a7a7a7}.operations-site-sidebar>p{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;padding:8px}.operations-site-sidebar .page-nav{display:flex;flex-direction:column;gap:6px}.page-nav a{background:transparent;border:0;border-radius:4px;color:#a7a7a7;padding:12px 14px}.page-nav a:hover,.page-nav a[aria-current="page"]{background:#404040;color:#f3f3f3}.page-nav a[aria-current="page"]{box-shadow:inset 3px 0 #1683e8}main>.page-nav,#dashboard>.page-nav{display:none}
button{background:#1683e8;color:#fff;border:1px solid transparent;border-radius:4px;min-height:40px;font:inherit;font-weight:600}button:hover{background:#2c93f0}input,select,textarea{background:#202020!important;color:#f3f3f3!important;border:1px solid #424242!important;border-radius:4px!important;font:inherit;min-height:42px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #1683e8;outline-offset:2px}form,.card,.client-folder,.overview article,.viewer-overview,.production-empty,.library-folders{background:#2b2b2b!important;border-color:#424242!important;border-radius:4px!important}.overview strong{color:#f3f3f3}.client-folder>summary{color:#f3f3f3}.card a{background:#1683e8;color:white;border-radius:4px}.card button,.back-link,#status,.reference-table a{color:#68b6ff}.danger{color:#ef6b6b!important}.viewer-table th,.viewer-table td,.reference-table td,.reference-table th{border-color:#424242}.library-folders button,.reference-table button,#logout,#cancel{background:#353535;color:#f3f3f3}.library-breadcrumb{color:#a7a7a7}.production-empty{padding:32px}.operations-site-sidebar .page-nav{display:flex!important}#login{margin:48px auto;max-width:460px}a[style*="color:#c4a679"]{color:#68b6ff!important}
@media(max-width:800px){body{padding-left:0}.operations-site-sidebar{position:static;width:100%;border-right:0;border-bottom:1px solid #424242;padding:12px 16px}.operations-site-brand{padding-bottom:8px}.operations-site-sidebar>p{display:none}.operations-site-sidebar .page-nav{flex-direction:row;flex-wrap:wrap;margin:0}.page-nav a{padding:10px;font-size:12px}header{padding:14px 20px}main{width:calc(100% - 32px);margin:24px auto}}

.workspace-show-hide{background:#353535;margin:0 8px 14px;font-size:12px}.project-details-menu{margin-top:8px;border-top:1px solid #424242;padding-top:8px}.project-details-menu summary{padding:12px 14px;cursor:pointer;color:#f3f3f3}.project-details-menu a{margin-left:12px}.operations-site-sidebar .page-nav[hidden]{display:none!important}

/* Option 03: signed-out LEGNO INTERIORS opening screen. */
body.login-screen{padding:0;min-height:100dvh;background:#202020}
body.login-screen>.operations-site-sidebar,body.login-screen>header,body.login-screen>footer{display:none!important}
body.login-screen>main{width:100%;max-width:none;min-height:100dvh;margin:0;padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}
body.login-screen #login{box-sizing:border-box;width:100%;max-width:420px;margin:0;padding:42px 34px 28px;border:1px solid #9c8149;border-radius:12px;background:#252525;box-shadow:0 22px 65px #0003}
.login-wordmark{text-align:center;color:#e4bd72;font-size:36px;letter-spacing:8px;font-weight:400;line-height:1.2;padding-left:8px}
.login-wordmark span{display:block;font-size:11px;letter-spacing:5px;margin-top:9px;padding-right:3px}
body.login-screen #login h1{text-align:center;font-size:22px;font-weight:500;margin:28px 0 8px;letter-spacing:0}
body.login-screen .login-intro{text-align:center;font-size:13px;margin:0 0 28px;color:#a7a7a7}
body.login-screen #login-form{padding:0;border:0;background:transparent!important;margin:0}
body.login-screen #login-form label{font-size:13px;margin-bottom:20px;color:#c8c8c8}
body.login-screen #login-form input{width:100%;min-height:46px;margin-top:7px;padding:11px 12px}
body.login-screen #login-form button{width:100%;min-height:46px;margin-top:8px}
.login-credit{text-align:center;font-size:11px;color:#999;margin-top:28px}
.login-credit:before{content:'';display:block;width:42px;height:1px;background:#b18e4d;margin:0 auto 18px}
.login-credit strong{font-weight:500;color:#bcbcbc}
body.login-screen #status{max-width:420px;text-align:center;margin:16px 0 0}
body.login-screen #status:empty{display:none}
@media(max-width:480px){body.login-screen #login{padding:32px 24px 24px}body.login-screen>main{padding:20px 16px}.login-wordmark{font-size:30px}}