/* Penpot 2.16.1 UI adapter. Values are owned by vendored Admin Core tokens.css. */
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(admin-core/manrope-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(admin-core/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Suite Logo';font-style:normal;font-weight:100 900;font-display:swap;src:url(admin-core/montserrat-latin.woff2) format('woff2')}
:root, .default, .light {
  --color-background-default:var(--admin-bg);
  --color-background-primary:var(--admin-bg);
  --color-background-secondary:var(--admin-panel);
  --color-background-tertiary:var(--admin-panel-2);
  --color-background-quaternary:var(--admin-line);
  --color-background-disabled:var(--admin-sunken);
  --color-foreground-primary:var(--admin-text);
  --color-foreground-secondary:var(--admin-muted);
  --color-foreground-disabled:var(--admin-muted);
  --color-accent-primary:var(--admin-accent);
  --color-accent-primary-muted:var(--admin-brand-soft);
  --color-accent-secondary:var(--admin-info);
  --color-accent-tertiary:var(--admin-accent-hover);
  --color-accent-quaternary:var(--admin-accent);
  --color-accent-default:var(--admin-panel-2);
  --color-icon-default:var(--admin-text-2);
  --color-accent-action:var(--admin-accent);
  --color-accent-action-hover:var(--admin-accent-hover);
  --color-accent-off:var(--admin-line);
  --color-accent-select:var(--admin-active);
  --color-accent-background-select:var(--admin-active);
  --color-accent-overlay:var(--admin-overlay);
  --color-accent-success:var(--admin-success);
  --color-background-success:var(--admin-success-bg);
  --color-accent-warning:var(--admin-warning);
  --color-background-warning:var(--admin-warning-bg);
  --color-accent-error:var(--admin-danger);
  --color-background-error:var(--admin-danger-bg);
  --color-foreground-error:var(--admin-danger);
  --color-accent-info:var(--admin-info);
  --color-background-info:var(--admin-info-bg);
  --color-shadow-light:var(--admin-overlay);
  --color-shadow-dark:var(--admin-overlay);
  --color-overlay-default:var(--admin-overlay);
  --color-overlay-onboarding:var(--admin-overlay);
  --overlay-color:var(--admin-overlay);
  --color-token-background:var(--admin-info-bg);
  --color-token-border:var(--admin-line-strong);
  --color-token-accent:var(--admin-info);
  --color-token-foreground:var(--admin-text);
  --button-primary-background-color-rest:var(--admin-brand);
  --button-primary-background-color-hover:var(--admin-brand-hover);
  --button-primary-background-color-focus:var(--admin-brand);
  --button-primary-border-color-rest:var(--admin-brand);
  --button-primary-border-color-hover:var(--admin-brand-hover);
  --button-primary-foreground-color-rest:var(--admin-on-brand);
  --button-primary-foreground-color-hover:var(--admin-on-brand);
  --button-primary-foreground-color-focus:var(--admin-on-brand);
}
/* Native document fonts and the canvas fill are deliberately outside this adapter. */
body, button, input, select, textarea {font-family:var(--admin-font)}
:is([class*="main_ui_auth"],[class*="main_ui_dashboard"],[class*="main_ui_settings"],[class*="main_ui_workspace_sidebar"],[class*="main_ui_workspace_header"]) :is(h1,h2,h3,p,label,button,input,select,textarea,span,a) {font-family:var(--admin-font)}
button:not(:disabled), a, [role=button]:not([aria-disabled=true]) {cursor:pointer}
:is(button,a,input,select,textarea,[tabindex]):focus-visible {outline:2px solid var(--admin-accent);outline-offset:3px}
button:disabled {cursor:default}
html, body, * {scrollbar-color:var(--admin-scroll) var(--admin-bg);scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--admin-bg)}
::-webkit-scrollbar-thumb{background:var(--admin-scroll);border:2px solid var(--admin-bg);border-radius:var(--admin-pill)}
::-webkit-scrollbar-thumb:hover{background:var(--admin-muted)}
::-webkit-scrollbar-thumb:active{background:var(--admin-text-2)}
.main_ui_auth__auth-section {grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:clamp(32px,6vw,96px);padding:104px clamp(24px,6vw,96px) 48px;background:var(--admin-bg);min-height:100%;height:auto;box-sizing:border-box}
.main_ui_auth__logo-container {top:28px;left:clamp(24px,6vw,96px);width:160px;height:40px;margin:0}
.main_ui_auth__logo-btn {display:block;width:160px;height:40px;color:var(--admin-text)}
.main_ui_auth__logo-btn svg {width:160px;height:40px}
.main_ui_auth__login-illustration {grid-column:1;width:100%;max-width:680px}
.main_ui_auth__login-illustration img {width:100%;height:auto;aspect-ratio:680/560}
.main_ui_auth__auth-content {grid-column:2;width:100%;max-width:440px;padding:32px;border:1px solid var(--admin-card-border);border-radius:var(--admin-panel-radius);background:var(--admin-panel);box-shadow:var(--admin-shadow);box-sizing:border-box}
[class*="main_ui_auth"][class$="__auth-title"] {font-size:28px;font-weight:700;line-height:1.25;color:var(--admin-text)}
[class*="main_ui_auth"][class$="__auth-tagline"] {font-size:14px;line-height:1.6;color:var(--admin-muted)}
.main_ui_auth_login__login-button {min-height:var(--admin-control);border-radius:var(--admin-radius);text-transform:none;font-size:14px;font-weight:700}
.main_ui_auth__auth-content a:hover {color:var(--admin-accent-hover)}
@media(max-width:992px){.main_ui_auth__auth-section{display:flex;justify-content:center;align-items:flex-start;padding-top:112px}.main_ui_auth__login-illustration{display:none}}
@media(max-width:480px){.main_ui_auth__auth-section{padding:100px 16px 24px}.main_ui_auth__auth-content{padding:24px 20px}.main_ui_auth__logo-container{left:20px}.main_ui_auth__auth-content :is(input,button){max-width:100%;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){.main_ui_auth__auth-section *{animation:none!important;transition:none!important}}
@media(forced-colors:active){html,body,*{scrollbar-color:auto}:is(button,a,input,select,textarea,[tabindex]):focus-visible{outline-color:Highlight}}
/* Native entry points keep their layout; SaaS authentication belongs to the adapter. */
.penbox-entry{display:block;padding:13px 18px;margin:0 0 20px;background:var(--admin-brand);color:var(--admin-on-brand);border-radius:10px;text-align:center;text-decoration:none;font-weight:700}
.penbox-entry:hover{background:var(--admin-brand-hover)}