/* ==========================================================================
   Techworx layout: SPLIT
   Light sidebar with teal pill, split-screen login with a brand panel.
   Load after techworx-base.css. Needs techworx-logo.png in the same folder.
   ========================================================================== */

/* ---- Sidebar: light ---------------------------------------------------- */
[data-bs-theme=light] { --bs-app-sidebar-base-bg-color: #ffffff; --bs-app-bg-color: #f5f7f8; --bs-app-header-base-bg-color: #f5f7f8; }
[data-bs-theme=light] .app-sidebar { border-right: 1px solid #e6ecee !important; }
[data-bs-theme=light] .app-sidebar .text-sidebar { color: var(--tw-charcoal) !important; }
.app-sidebar-logo img { border-radius: 8px; }
.app-sidebar-logo { display: flex; align-items: center; }
.app-sidebar-logo .text-sidebar { font-weight: 700 !important; display: inline-flex; flex-direction: column; line-height: 1.2; }
.app-sidebar-logo .text-sidebar::after {
  content: "Techworx"; display: block; font-size: .72rem; font-weight: 500;
  letter-spacing: .08em; text-transform: uppercase; color: var(--tw-sand);
}
[data-bs-theme=light] .app-sidebar-navs .menu .menu-item .menu-link .menu-title { color: #55545e; }
[data-bs-theme=light] .app-sidebar-navs .menu .menu-item .menu-link:hover .menu-title { color: var(--tw-teal); }
.app-sidebar-navs .menu .menu-item .menu-link { border-radius: 999px; }
.app-sidebar-navs .menu .menu-item .menu-link.active { background-color: var(--bs-primary) !important; }
.app-sidebar-navs .menu .menu-item .menu-link.active .menu-title { color: #fff !important; }
.app-sidebar-navs .menu .menu-item .menu-link.active .menu-icon i,
.app-sidebar-navs .menu .menu-item .menu-link.active .menu-icon i span { color: #fff !important; }

/* ---- Content: flat card with border, no shadow ------------------------- */
[data-bs-theme=light] .card.shadow-sm { box-shadow: none !important; border: 1px solid #e6ecee !important; }
/* Warm folder colour for easier scanning */
table.dataTable .ki-folder, table.dataTable .ki-folder i { color: var(--tw-sand) !important; }

/* ---- Upload modal: brand header band ----------------------------------- */
#modal_upload .modal-header { background: var(--tw-teal); border-radius: 16px 16px 0 0; }
#modal_upload .modal-header .modal-title, #modal_upload .modal-header h3 { color: #fff !important; }
#modal_upload .modal-header .btn i, #modal_upload .modal-header .btn i span { color: #fff !important; }
#modal_upload .dropzone { min-height: 190px; padding-top: 18px !important; }
#modal_upload .modal-footer { border-top: 0; }

/* ---- Login: split screen ------------------------------------------------ */
body.app-blank { background: #ffffff !important; }
[data-bs-theme=dark] body.app-blank { background: #1a191f !important; }
body.app-blank::before {
  content: "Säker filöverföring\A för våra kunder";
  white-space: pre-line;
  position: fixed; top: 0; bottom: 0; left: 0; width: 46vw;
  padding: 0 6vw; display: flex; flex-direction: column; justify-content: center;
  font-size: 2.6rem; line-height: 1.15; font-weight: 700; color: #fff; letter-spacing: -.02em;
  background:
    url("techworx-logo.png") 6vw 12vh / 64px 64px no-repeat,
    radial-gradient(700px 500px at 100% 100%, rgba(237, 141, 38, .35), transparent 60%),
    linear-gradient(155deg, var(--tw-charcoal) 0%, var(--tw-teal-deep) 55%, var(--tw-teal) 100%);
}
body.app-blank::after {
  content: "techworx.se";
  position: fixed; left: 6vw; bottom: 8vh; color: var(--tw-mist);
  font-size: .9rem; letter-spacing: .12em; text-transform: uppercase;
}
body.app-blank #app_root { margin-left: 46vw; min-height: 100vh; }
body.app-blank #app_root .bg-body.rounded { box-shadow: none !important; background: transparent !important; }
#sign_in_form .container .row { flex-direction: column; align-items: flex-start !important; }
#sign_in_form .container .row > div { width: 100%; }
#sign_in_form .container img { display: none; }
#sign_in_form h1 { margin: 0 !important; font-size: 2rem; }
#sign_in_form .container { padding: 0 !important; }
#sign_in_form h1::after {
  content: "Logga in med ditt användarkonto"; display: block; margin-top: 8px;
  font-size: 1rem; font-weight: 500; color: #7a7985;
}
[data-bs-theme=light] #sign_in_form .form-control-solid { background: #fff; border: 1px solid #dfe5e7; }
[data-bs-theme=light] #sign_in_form .form-control-solid:focus { border-color: var(--tw-teal); box-shadow: 0 0 0 4px rgba(var(--tw-teal-rgb), .12); }
#sign_in_submit { background-color: var(--tw-orange) !important; color: var(--tw-charcoal) !important; }
#sign_in_submit:hover { background-color: var(--tw-orange-dark) !important; }
body.app-blank a[href*="/web/admin"] { display: none !important; }
body.app-blank hr { display: none; }
/* Mobile: brand panel becomes a top banner */
@media (max-width: 991px) {
  body.app-blank::before { position: relative; width: 100%; height: 200px; font-size: 1.6rem; background-position: 6vw 28px, 0 0, 0 0; padding-top: 70px; }
  body.app-blank::after { display: none; }
  body.app-blank #app_root { margin-left: 0; min-height: auto; }
}

/* Dark mode: dark text on the lighter teal pill */
[data-bs-theme=dark] .app-sidebar-navs .menu .menu-item .menu-link.active .menu-title,
[data-bs-theme=dark] .app-sidebar-navs .menu .menu-item .menu-link.active .menu-icon i,
[data-bs-theme=dark] .app-sidebar-navs .menu .menu-item .menu-link.active .menu-icon i span { color: #0f1a1e !important; }

/* Hover on the light sidebar: soft teal background, teal icon (SFTPGo's default hover turns icons white) */
[data-bs-theme=light] .app-sidebar-navs .menu .menu-item .menu-link:hover:not(.active) { background-color: var(--tw-mist-tint) !important; }
[data-bs-theme=light] .app-sidebar-navs .menu .menu-item .menu-link:hover:not(.active) .menu-icon i,
[data-bs-theme=light] .app-sidebar-navs .menu .menu-item .menu-link:hover:not(.active) .menu-icon i span { color: var(--tw-teal) !important; }

/* Wider search field in the file list (SFTPGo default is 250px) */
input[name="search"].w-250px { width: 375px !important; max-width: 100%; }

/* ---- Breadcrumb: "Hem / Arkiv / Underlag" ------------------------------ */
[data-kt-filemanager-table-nav-bar="base"] {
  background: transparent !important; padding: 4px 0 !important;
  font-size: 1.15rem !important; font-weight: 600; line-height: 1.4;
}
[data-kt-filemanager-table-nav-bar="base"] a { color: var(--bs-gray-600) !important; text-decoration: none; border-radius: 6px; padding: 2px 6px; }
[data-kt-filemanager-table-nav-bar="base"] a:hover { color: var(--bs-primary) !important; background: var(--bs-primary-light); }
/* Current folder = last link: dark and bold, not highlighted as a link */
[data-kt-filemanager-table-nav-bar="base"] a:last-of-type { color: var(--bs-gray-900) !important; font-weight: 700; }
[data-kt-filemanager-table-nav-bar="base"] .ki-home { font-size: 1.4rem !important; margin-right: 4px !important; }
/* Replace the ">" icons with a slash */
[data-kt-filemanager-table-nav-bar="base"] .ki-right { font-size: 0 !important; margin: 0 4px !important; }
[data-kt-filemanager-table-nav-bar="base"] .ki-right::before {
  content: "/"; font-family: var(--bs-font-sans-serif); font-size: 1.15rem; font-weight: 400;
  color: var(--tw-sand); font-style: normal;
}