/* Avola Media branding for SFTPGo (share.avola.dk). Brand guidelines v2.4.0.
   Ink on Paper, DM Sans throughout, no accent colour (Nicolas 2026-10-08: no orange accent in applications like this). */
@import url("/static/avola/fonts.css");
:root, [data-bs-theme=light], [data-bs-theme=dark] {
  color-scheme: light;
  --avola-ink: #111110; --avola-paper: #F8F7F4; --avola-navy: #000060;
  --avola-text-2: rgba(17,17,16,0.62); --avola-text-3: rgba(17,17,16,0.42); --avola-line: rgba(17,17,16,0.12);
  --bs-font-sans-serif: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bs-body-font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bs-body-color: #111110; --bs-body-bg: #F8F7F4; --bs-app-bg-color: #F8F7F4;
  --bs-gray-900: #111110; --bs-text-gray-900: #111110; --bs-gray-800: #111110; --bs-text-gray-800: #111110;
  --bs-gray-700: rgba(17,17,16,0.62); --bs-text-gray-700: rgba(17,17,16,0.62);
  --bs-gray-600: rgba(17,17,16,0.62); --bs-text-gray-600: rgba(17,17,16,0.62);
  --bs-gray-500: rgba(17,17,16,0.42); --bs-text-gray-500: rgba(17,17,16,0.42);
  --bs-text-muted: rgba(17,17,16,0.42);
  --bs-border-color: rgba(17,17,16,0.12); --bs-gray-200: rgba(17,17,16,0.12); --bs-gray-300: rgba(17,17,16,0.12);
  /* primary actions in Ink, so Orange stays an accent */
  --bs-primary: #111110; --bs-primary-rgb: 17,17,16; --bs-primary-active: #000000;
  --bs-primary-light: rgba(17,17,16,0.08); --bs-primary-inverse: #F8F7F4;
  --bs-text-primary: #111110;
  --bs-link-color: #111110; --bs-link-color-rgb: 17,17,16; --bs-link-hover-color: rgba(17,17,16,0.62); --bs-link-hover-color-rgb: 17,17,16;
  /* functional colours, screens only */
  --bs-danger: #E5302A; --bs-danger-rgb: 229,48,42; --bs-success: #1F9D55; --bs-success-rgb: 31,157,85;
  --bs-info: #1E63E9; --bs-info-rgb: 30,99,233; --bs-warning: #FFCD00; --bs-warning-rgb: 255,205,0;
}
body, .app-default, .app-page, .app-wrapper, .app-main, .app-content { background-color: #F8F7F4 !important; color: #111110; font-family: "DM Sans", system-ui, sans-serif; }
.card, .app-header, .app-sidebar, .modal-content, .dropdown-menu, .menu-sub-dropdown { background-color: #FFFFFF; }
.card { border: 1px solid rgba(17,17,16,0.12); box-shadow: none; }
h1, h2, h3, .h1, .h2, .h3, .card-title h3, .card-title .h3, .page-heading, h1.page-heading { font-family: "DM Sans", system-ui, sans-serif; font-weight: 500; color: #111110; }
.fw-bold, .fw-bolder, .fw-semibold, .menu-title, .btn, label, .form-label, th { font-weight: 500 !important; }
.btn.btn-primary { background-color: #111110 !important; border-color: #111110 !important; color: #F8F7F4 !important; }
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active { background-color: #000000 !important; color: #F8F7F4 !important; }
.btn.btn-light-primary { background-color: rgba(17,17,16,0.08) !important; color: #111110 !important; }
.btn.btn-light-primary:hover { background-color: #111110 !important; color: #F8F7F4 !important; }
.text-primary, .text-hover-primary:hover, a.text-hover-primary:hover, .menu-link:hover .menu-title { color: #111110 !important; }
.menu-item .menu-link.active { background-color: rgba(17,17,16,0.08) !important; }
.menu-item .menu-link.active .menu-title, .menu-item .menu-link.active .menu-icon i { color: #111110 !important; }
.form-control:focus, .form-select:focus, .form-check-input:focus { border-color: #111110 !important; box-shadow: 0 0 0 0.2rem rgba(17,17,16,0.12) !important; }
.form-check-input:checked { background-color: #111110 !important; border-color: #111110 !important; }
.badge-light-primary { background-color: rgba(17,17,16,0.08); color: #111110; }
a:hover { color: rgba(17,17,16,0.62); }
::selection { background: #111110; color: #F8F7F4; }
/* the logo: supplied file, never stretched; keep clear space */
img[src*="/static/avola/logo"] { height: auto !important; max-height: 44px; width: auto !important; max-width: 220px; object-fit: contain; }

/* --- login page layout (Nicolas 2026-10-08 feedback) --- */
/* force the light (Ink on Paper) look even when the visitor's system is in dark mode */
[data-bs-theme=dark] body, [data-bs-theme=dark] .bg-body { background-color: #F8F7F4 !important; color: #111110 !important; }
[data-bs-theme=dark] .bg-body.rounded { background-color: #FFFFFF !important; }
.bg-body.rounded.shadow-sm { background-color: #FFFFFF !important; box-shadow: none !important; border: 1px solid rgba(17,17,16,0.12); }
/* logo centred on its own line with clear space, product name underneath */
#sign_in_form > .container .row { flex-direction: column; align-items: center !important; text-align: center; }
#sign_in_form > .container .row > [class^="col-"] { width: 100%; max-width: 100%; flex: 0 0 100%; text-align: center; }
#sign_in_form > .container img[src*="/static/avola/logo"] { height: 48px !important; max-height: 48px; width: auto !important; margin: 0 auto 32px; display: block; }
#sign_in_form > .container h1 { margin: 0 !important; font-size: 1.25rem; font-weight: 400 !important; color: rgba(17,17,16,0.62) !important; }
/* fields: white with a hairline, so they read clearly on the card */
.form-control.form-control-solid, .form-select.form-select-solid { background-color: #FFFFFF !important; border: 1px solid rgba(17,17,16,0.12) !important; color: #111110 !important; }
.form-control.form-control-solid::placeholder { color: rgba(17,17,16,0.42); }
.form-control.form-control-solid:focus { background-color: #FFFFFF !important; border-color: #111110 !important; }
/* clients don't need the admin link (admin is VPN only) */
a[href="/web/admin/login"] { display: none !important; }
/* footer: just the terms link, centred, no empty language switcher */
#languageSwitcher, #languageSwitcher + .select2 { display: none !important; }
hr { border-color: rgba(17,17,16,0.12); opacity: 1; }
.d-flex.flex-stack.pt-5 { justify-content: center !important; }

/* --- logged-in pages --- */
.app-sidebar .menu .menu-item .menu-link .menu-title, .app-sidebar .menu .menu-item .menu-link .menu-icon i, .app-sidebar .menu .menu-item .menu-link i { color: rgba(17,17,16,0.62) !important; }
.app-sidebar .menu .menu-item .menu-link:hover .menu-title, .app-sidebar .menu .menu-item .menu-link:hover i,
.app-sidebar .menu .menu-item .menu-link.active .menu-title, .app-sidebar .menu .menu-item .menu-link.active i { color: #111110 !important; }
.page-item.active .page-link, .page-link.active { background-color: #111110 !important; border-color: #111110 !important; color: #F8F7F4 !important; }
.page-link { color: #111110; }
/* no product/version footer and no light/dark switch: the share always uses Ink on Paper */
#kt_app_footer, .app-footer, div.order-2.order-md-1:has(> span.text-gray-700.fw-semibold.me-1) { display: none !important; }
div.d-flex.align-items-center:has(> a .ki-night-day), div.d-flex.align-items-center:has(> a .ki-moon) { display: none !important; }