/* Generated from incumbent360Node tokens; server-hosted entry only. */
@import url("/360node/360node-vault.css");
html.passbolt:root:not([data-node360-theme]), html.passbolt:root[data-node360-theme="default"], html.passbolt:root[data-node360-theme="solarized_light"] {
  --node360-canvas: #f5f4f0;
  --node360-surface: #fffefa;
  --node360-ink: #102d24;
  --node360-muted: #52625c;
  --node360-action: #183f34;
  --node360-action-text: #fffefa;
  --node360-border: #ccd4ce;
  --node360-selected: #e8eee8;
  --node360-hover: #edf1eb;
  --node360-focus: #b13b27;
  --node360-danger: #b13b27;
  --node360-warning: #fff3d9;
  --node360-warning-ink: #75420c;
  --node360-radius: 1rem;
  --node360-sans: '360Node Geist', Arial, sans-serif;
  --node360-mono: '360Node Geist Mono', Consolas, monospace;
  --node360-heading: Georgia, 'Times New Roman', serif;
  --node360-header-height: 8.4rem;
  --node360-transition: 120ms;
  --Palette-Gradient-1: var(--node360-surface);
  --Palette-Gradient-2: var(--node360-canvas);
  --Palette-Gradient-3: #dfe5df;
  --Palette-Gradient-4: #d4ddd4;
  --Palette-Gradient-5: #ccd4ce;
  --Palette-Gradient-6: #aebbb3;
  --Palette-Gradient-7: var(--node360-muted);
  --Palette-Gradient-8: var(--node360-action);
  --Palette-Gradient-9: var(--node360-ink);
  --Palette-Contrast-1: var(--node360-action);
  --Palette-Contrast-2: #a16620;
  --Palette-Contrast-3: var(--node360-danger);
  --Palette-Contrast-4: #286341;
  --Palette-Contrast-5: #b37816;
  --Palette-Select: var(--node360-selected);
  --Palette-Select-highlight-1: var(--node360-hover);
  --Palette-Select-highlight-2: #cad8ce;
  --Palette-New: #eef3ed;
  --Palette-Error: #fae0d8;
  --Palette-Warning: var(--node360-warning);
  --Palette-Info: #e2ece6;
  --Palette-Success: #d9eadc;
  --Text-and-icons-Main-text: var(--node360-ink);
  --Text-and-icons-Secondary-text: var(--node360-muted);
  --Primary-button-Primary-button-background: var(--node360-action);
  --Primary-button-Primary-button-text: var(--node360-action-text);
  --Field-Field-border: var(--node360-border);
  --Field-Field-border-focus: var(--node360-focus);
  --States-Focus: var(--node360-focus);
  --Workspace-Workspace-background: var(--node360-canvas);
  --Workspace-Panels-background: var(--node360-surface);
  --Workspace-Dividers: var(--node360-border);
  --Workspace-Menu-Dividers: var(--node360-border);
  --Workspace-Dividers-lighter: var(--node360-hover);
  --Dialog-Dialog-header-and-footer: var(--node360-surface);
  --Dialog-Dialog-fill: var(--node360-surface);
  --Section-border-radius: var(--node360-radius);
  --Button-border-radius: .6rem;
  --Menu-radius: .7rem;
  --Login-button-radius: .6rem;
}
/* API guest presentation; shared authentication controls live in360node-vault.css. */
html.passbolt body { background: var(--node360-canvas); color: var(--node360-ink); font-family: var(--node360-sans); }
html.passbolt .page.login { background: var(--node360-canvas); color: var(--node360-ink); }
html.passbolt .page.login h1 { color: var(--node360-ink); font-family: var(--node360-heading); font-weight: 400; }
html.passbolt .page.login label, html.passbolt .page.login input, html.passbolt .page.login button { font-family: var(--node360-sans); }
html.passbolt .page.login .logo-svg { display: flex; align-items: center; justify-content: center; gap: 1.2rem; width: max-content; max-width: 100%; min-width: 0; min-height: 3.6rem; height: auto; margin: 0 auto 2.4rem; background: none; }
html.passbolt .page.login .logo-svg > svg { display: none; }
html.passbolt .page.login .logo-svg::before { content: '360Node'; font: 700 2.2rem/3.6rem var(--node360-sans); letter-spacing: -.06rem; color: var(--node360-ink); padding-left: 4.4rem; background: url('/360node/favicon-48.png') left center/3.2rem 3.2rem no-repeat; }
html.passbolt .page.login .logo-svg::after { content: 'Vault'; font: 400 1.8rem/2.4rem var(--node360-sans); color: var(--node360-muted); border-left: 1px solid var(--node360-border); padding-left: 1.2rem; }
html.passbolt .page.login form, html.passbolt .page.login .login-form { background: var(--node360-surface); color: var(--node360-ink); }
html.passbolt .page.login .input.checkbox label,
html.passbolt .page.login .input.checkbox label > span { white-space: normal; overflow: visible; text-overflow: clip; height: auto; }
html.passbolt .page.login .email-sent-instructions.node360-mailbox { padding: 0; text-align: left; }
html.passbolt .page.login .email-sent-instructions.node360-mailbox .email-sent-bg { width: 8rem; height: 8rem; margin: 0 0 2rem; background-size: contain; background-position: center; background-repeat: no-repeat; }
html.passbolt .page.login .email-sent-instructions.node360-mailbox h1 { margin: 0 0 1.6rem; font-size: 2.4rem; line-height: 1.25; }
/* The local helper replaces generic spam-folder advice with the actual loopback mailbox action. */
html.passbolt .page.login .email-sent-instructions.node360-mailbox > p { display: none; }
html.passbolt .page.login .node360-local-mailbox p { margin: 0 0 1.6rem; color: var(--node360-ink); font-size: 1.4rem; line-height: 1.5; }
html.passbolt .page.login .node360-local-mailbox a { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 4.4rem; width: 100%; margin: .4rem 0 0; padding: 1rem 1.6rem; border: 1px solid var(--node360-action); border-radius: .8rem; box-shadow: none; background: var(--node360-action); color: var(--node360-action-text); font: 600 1.4rem/2rem var(--node360-sans); text-align: center; text-decoration: none; }
html.passbolt .page.login .node360-local-mailbox a:hover { color: var(--node360-action-text); filter: brightness(1.08); }
html.passbolt .page.login .node360-local-mailbox a:focus-visible { outline: .3rem solid var(--node360-focus); outline-offset: .3rem; }
html.passbolt .page.login .node360-local-mailbox small { display: block; margin-top: 1.2rem; color: var(--node360-muted); font-size: 1.2rem; line-height: 1.5; }