@import url('./ink/tokens.css');
@import url('./ink/components.css');
@font-face{font-family:Inter;src:url('../fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap;}
@font-face{font-family:'DM Sans';src:url('../fonts/DMSansVariable.woff2') format('woff2');font-weight:100 900;font-display:swap;}
@font-face{font-family:'Roboto Mono';src:url('../fonts/RobotoMonoVariable.woff2') format('woff2');font-weight:100 900;font-display:swap;}

body.ink {margin:0; background:var(--ink-bg-canvas); color:var(--ink-fg-default);}
.vault-shell {min-height:100dvh;}
.vault-main {flex:1; min-width:0; padding:var(--ink-space-8); outline:none;}
.vault-main--workspace {padding-bottom:0;}
.vault-mark {display:grid; place-items:center; width:32px; height:32px; border-radius:var(--ink-radius-lg); background:var(--ink-bg-emphasis); color:var(--ink-fg-on-emphasis);}
.vault-mark svg {width:18px; height:18px;}
.vault-nav-caption {font-size:var(--ink-type-caption-size); color:var(--ink-fg-muted); margin:var(--ink-space-2) 0 0;}
.vault-topbar.MuiAppBar-root {position:sticky; top:0; width:100%; margin:0; box-shadow:none; border:0; border-bottom:1px solid var(--ink-border-default); background:var(--ink-bg-surface); color:var(--ink-fg-default); z-index:var(--ink-z-sticky);}
.vault-topbar .MuiContainer-root {max-width:none; padding-inline:var(--ink-space-8);}
.vault-topbar .MuiToolbar-root {min-height:var(--ink-size-header-height); gap:var(--ink-space-2);}
.vault-topbar-title {font-size:var(--ink-type-label-size); font-weight:var(--ink-weight-medium); white-space:nowrap;}
.vault-page-title {margin:0 0 var(--ink-space-8); font-size:var(--ink-type-title1-size); line-height:var(--ink-type-title1-line-height); font-weight:var(--ink-weight-semibold); letter-spacing:var(--ink-type-title1-tracking);}
.vault-page-content {width:100%; min-width:0;}
.vault-skip {position:fixed; top:var(--ink-space-2); left:var(--ink-space-2); transform:translateY(-200%); padding:var(--ink-space-2) var(--ink-space-4); z-index:2000; background:var(--ink-bg-emphasis); color:var(--ink-fg-on-emphasis);}
.vault-skip:focus {transform:none;}
.vault-auth {background:var(--ink-bg-surface); color:var(--ink-fg-default); border:1px solid var(--ink-border-default); border-radius:var(--ink-radius-xl); box-shadow:var(--ink-shadow-md);}
.vault-auth a {color:var(--ink-fg-default);}
.vault-auth h2 {font-size:var(--ink-type-title2-size);}
.vault-auth .infolabel {display:none;}
.vault-brand {display:flex; align-items:center; justify-content:center; gap:var(--ink-space-2); font-size:var(--ink-type-title2-size); color:var(--ink-fg-default); min-height:48px; margin-bottom:var(--ink-space-4);}
.vault-brand svg {width:24px; height:24px;}
.vault-main .MuiPaper-root {background-image:none;}
.vault-main .MuiTabs-root {margin-bottom:var(--ink-space-4);}
.vault-main .MuiTableContainer-root {border:1px solid var(--ink-border-default); border-radius:var(--ink-radius-lg);}
.vault-main .MuiTableRow-root:last-child td {border-bottom:0;}
.vault-main .MuiOutlinedInput-root {border-radius:var(--ink-radius-md);}
@media(max-width:767px) {.vault-main{padding:var(--ink-space-4);}.vault-topbar .MuiContainer-root{padding-inline:var(--ink-space-4);}.vault-page-title{margin-bottom:var(--ink-space-4);}}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after{scroll-behavior:auto!important;animation-duration:0.01ms!important;transition-duration:0.01ms!important;}}

/* MUI input sizing relies on content-box; Ink's reset must not collapse it. */
.ink .MuiInputBase-input {box-sizing:content-box;}
body.ink {overflow:auto;}
.vault-shell > .ink-nav .ink-nav-footer {display:flex; flex-direction:column; align-items:stretch;}
.vault-nav-caption {text-align:center;}
.vault-topbar .MuiButtonGroup-root[aria-label="main menu"] {max-width:100%;}
.vault-account-name {max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.vault-workspace-card.MuiPaper-root {border:1px solid var(--ink-border-default); border-radius:var(--ink-radius-lg); box-shadow:none; overflow:hidden;}
.vault-toolbar.MuiToolbar-root {height:auto; min-height:64px; padding:var(--ink-space-3); gap:var(--ink-space-3); flex-wrap:wrap;}
.vault-toolbar-actions {display:flex; align-items:center; gap:var(--ink-space-1); margin-left:auto; min-width:0; flex-wrap:wrap;}
@media(max-width:767px) {.vault-toolbar-actions{width:100%; margin:0;}.vault-auth{max-width:calc(100vw - 32px);}.vault-account-name{max-width:140px;}}

@media(max-width:767px){.vault-toolbar-actions .vault-search{flex:1;min-width:80px;}.vault-toolbar-actions .vault-search input{width:100%;min-width:0;}.vault-toolbar-actions .MuiIconButton-root{padding:8px;}.vault-toolbar-actions .MuiDivider-root{display:none;}}

.vault-startup{min-height:100dvh;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center;color:var(--ink-fg-muted);}