/* Integrate the approved shell without changing the infinite-canvas surface. */
body:not(.approved-ui) .approved-only{display:none!important}
body.approved-ui .canvas-only{display:none!important}
body.approved-ui{--panel:var(--surface);--muted:var(--sub);--accent-soft:var(--accent2);--on-accent:#fff;--success:var(--accent-text);min-width:0}
body.approved-ui .shell{padding-bottom:0}
body.approved-ui #workspace{padding:24px 28px 32px;max-width:2040px;margin:auto;min-width:0}
body.approved-ui #personal-workspace{padding:24px 28px 32px;max-width:2040px;margin:auto;min-width:0}
body.approved-ui .nav-label{letter-spacing:1.5px}
body.approved-ui .nav-item>span{width:auto;text-align:left;font-size:inherit;color:inherit}
body.approved-ui .nav-item>.nav-icon{width:19px}
body.approved-ui .nav-item>.nav-count{font-size:11px}
body.approved-ui .version{margin:0;line-height:1.5}
body.approved-ui .version small{margin-left:0;color:#93aab0}
body.approved-ui .avatar{margin-left:0;font-size:14px}
body.approved-ui .breadcrumbs span{padding:0}
body.approved-ui .breadcrumbs strong{font-weight:600}
body.approved-ui .top-balance{border:0;background:transparent;padding:0;color:var(--sub);font-size:12px;display:inline-flex;align-items:center;gap:6px}
body.approved-ui .top-balance b{font-size:13px;color:var(--text);font-weight:700}
body.approved-ui .top-balance small{font-size:12px}
body.approved-ui .top-balance-ai{border-left:1px solid var(--line);border-radius:0;padding-left:16px;margin-left:2px}
body.approved-ui .top-tools{gap:14px}
body.approved-ui .project{flex-shrink:0}
body.approved-ui .project #project-name{width:170px;min-height:36px;background:transparent;border-color:transparent;padding:6px 8px;font-size:13px;font-weight:600}
body.approved-ui .project #project-name:hover,body.approved-ui .project #project-name:focus{background:var(--input);border-color:var(--line)}
body.approved-ui .page-head .project .web-save-state{font-size:12px;white-space:nowrap}
body.approved-ui .page-head{padding:0;border:0;min-height:0}
body.approved-ui .page-head .quiet{white-space:nowrap}
body.approved-ui button.primary{filter:none}
body.approved-ui .button{font-size:14px;border-radius:8px;font-weight:600;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
body.approved-ui .primary{font-size:15px;border-radius:8px;min-height:46px;font-weight:700}
body.approved-ui .button.small{font-size:12px;min-height:32px;padding:6px 10px}
body.approved-ui small{color:inherit}
body.approved-ui .web-error:empty{display:none}
body.approved-ui .web-error{font-size:13px;color:var(--danger);line-height:1.6}
body.approved-ui .web-login{display:block;justify-items:stretch;padding:32px;min-height:100vh;background:var(--bg)}
body.approved-ui .web-login[hidden]{display:none!important}
body.approved-ui .login-page-heading{width:min(880px,100%);margin:0 auto 30px;display:flex;align-items:center;justify-content:space-between}
body.approved-ui .login-shell{width:min(880px,100%)}
body.approved-ui .login-page-heading .brand{padding:0;color:var(--text)}
body.approved-ui .login-page-heading .brand small{color:var(--sub)}
body.approved-ui .login-form{margin:0;width:auto;max-width:none;display:block}
body.approved-ui .login-form .eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--accent-text);margin-bottom:15px}
body.approved-ui .login-form .login-environment{display:block;font-size:12px;line-height:1.7;color:var(--sub);margin-top:18px}
body.approved-ui #password-form{width:min(480px,100%);padding:32px;margin:60px auto}
body.approved-ui #password-form>p{margin:12px 0 20px;color:var(--sub)}
body.approved-ui #password-form>button{width:100%;margin-top:12px}
body.approved-ui #projects-dialog{padding:24px}
body.approved-ui #projects-dialog h2{margin-bottom:18px}
body.approved-ui .upload-inline-active{position:relative;overflow:hidden}
body.approved-ui .upload-inline-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:3;background:var(--surface)}
body.approved-ui .upload-inline-active>.upload-inline-status{inset:auto 0 0;min-height:50px;background:#10282ee6;backdrop-filter:none;gap:2px;padding:8px}
body.approved-ui .upload-inline-status .upload-inline-spinner{display:none}
body.approved-ui .pointai-image-dialog{padding:0}
@media(min-width:1700px){body.approved-ui #workspace{padding:28px 36px 32px}}
@media(max-width:1200px){body.approved-ui #workspace{padding:22px 20px}body.approved-ui .project #project-name{width:140px}}
@media(max-width:1000px){body.approved-ui .top-balance{display:none}body.approved-ui .nav-item>.nav-icon{display:inline-flex}body.approved-ui .project #project-name{display:none}body.approved-ui .sidebar .brand>.brand-symbol{display:block}body.approved-ui .sidebar .brand{padding:0 0 26px}}
@media(max-width:760px){body.approved-ui #workspace{padding:20px 14px}body.approved-ui .page-head .project .web-save-state{display:none}body.approved-ui .web-login{padding:20px}body.approved-ui .top-tools{gap:3px}}