/* Mint Folder — edit these tokens to adjust the whole interface. No external dependencies. */
:root, :root.dark {
  color-scheme: dark;
  --mint-bg:#090a0b; --mint-panel:#151719; --mint-text:#eeeae1;
  --mint-muted:#b0b2b5; --mint-accent:#b9d8c7; --mint-radius:14px;
  --background:var(--mint-bg); --surfacePrimary:var(--mint-panel);
  --surfaceSecondary:#222629; --textPrimary:var(--mint-muted); --textSecondary:var(--mint-text);
  --divider:#303438; --borderPrimary:#303438; --borderSecondary:#728d80;
  --hover:#252d29; --action:var(--mint-text); --iconPrimary:#d1dfd6;
  --iconSecondary:#eeeae1; --iconTertiary:#aab5ae;
  --blue:#405e50; --dark-blue:#527762; --item-selected:#233c30;
  --input-red:#57292c; --input-green:#214b35;
}
body {font-family:system-ui,-apple-system,"Segoe UI",sans-serif; background:var(--mint-bg);}
::selection {background:#456955;color:#fff;}
#loading {background:#090a0b!important;}
#loading .spinner>div {background:#b9d8c7!important;}
header {background:#101214;box-shadow:none;border-bottom:1px solid #2a2d30;}
header img {width:5em;height:2.8em;object-fit:contain;border-radius:8px;}
.input, input, select, textarea {border-radius:9px;}
.input {padding:.85em 1em;background:#101214;border-color:#353a3d;}
.input:focus {border-color:var(--mint-accent);box-shadow:0 0 0 3px #b9d8c71a;}
.button {border-radius:9px;font-weight:600;padding:.8em 1.1em;box-shadow:none;}
.button, .action, #listing .item, aside a {transition:background-color 140ms ease,border-color 140ms ease,box-shadow 140ms ease;}
:is(button,a,input,select,textarea,[tabindex]):focus-visible {outline:2px solid var(--mint-accent)!important;outline-offset:3px;}
#listing.mosaic .item {border:1px solid #292e31;border-radius:var(--mint-radius);padding:1em;box-shadow:none;}
#listing .item:hover {background:#202723;border-color:#53685d;}
#listing .item[aria-selected=true] {background:#233c30;border-color:#8bac99;}
#listing.list .item {border-bottom:1px solid #24282b;}
.card, .prompt {border-radius:var(--mint-radius);border:1px solid #34393d;box-shadow:0 18px 60px #0006;}
#login {background:radial-gradient(ellipse at 18% 12%,#27322b66,transparent 55%),radial-gradient(ellipse at 90% 90%,#29303755,transparent 48%),#090a0b;overflow:auto;}
#login form {background:#131618;border:1px solid #343a3c;border-radius:24px;padding:30px;box-shadow:0 24px 80px #0007;width:min(420px,calc(100% - 32px));max-width:420px;}
#login img {width:240px;height:132px;max-width:100%;object-fit:contain;border-radius:14px;margin:0 auto 20px;}
#login h1 {font-size:1.85rem;letter-spacing:-.04em;font-weight:650;color:var(--mint-text);margin:.4em 0 1em;}
#login .button {min-height:46px;margin-top:12px;}
#login .input {min-height:46px;margin-bottom:12px;}
@media(max-width:600px) {#login form {padding:24px;} #login img {width:208px;height:114px;} #listing.mosaic .item {padding:.7em;} }
@media(max-height:650px) {#login form {position:relative;top:auto;left:auto;transform:none;margin:24px auto;} #login img {height:90px;} }
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
/* Versioned logo avoids stale browser cache from the original File Browser icon. */
#login img, header img {content:url('/static/img/mint-folder.png?v=20261016');}