/* YggShare brand skin for the unmodified SFTPGo 2.7.6 WebClient/WebAdmin.
   Keep upstream CSS and JavaScript; these overrides use supported extra_css. */
:root,[data-bs-theme=light],[data-bs-theme=dark]{
 --bs-primary:#203f35;--bs-primary-rgb:32,63,53;--bs-primary-active:#315b46;
 --bs-primary-light:#e9eee1;--bs-primary-inverse:#fffefa;
 --bs-app-bg-color:#f8f7f2;--bs-body-bg:#fffefa;--bs-body-color:#203f35;
 --bs-app-sidebar-base-bg-color:#f0f2e9;--bs-app-sidebar-light-bg-color:#f0f2e9;
 --bs-text-gray-900:#203f35;--bs-text-gray-800:#344d3d;--bs-text-gray-700:#53634e;
 --bs-text-gray-600:#65715f;--bs-border-color:#dce2d3;--bs-gray-100:#f1f4eb;
 --bs-gray-200:#e5ebdd;--bs-gray-300:#d3ddc7;--bs-gray-900:#203f35;
 --bs-link-color:#315b46;--bs-link-hover-color:#8a6b35;
}
body{font-family:'Segoe UI',Arial,sans-serif!important;background:#f8f7f2!important;color:#203f35!important}
body.app-blank{background:radial-gradient(ellipse at 20% 0%,#e7eddb 0,transparent 65%),#f8f7f2!important}
.app-blank #app_root .bg-body{border:1px solid #dae1d0;border-radius:18px!important;box-shadow:0 16px 60px #203f350b!important}
.app-blank h1{font-family:Georgia,'Times New Roman',serif;font-size:2.7rem!important;font-weight:400!important;letter-spacing:-1px}
.app-blank form .container .row{display:flex;flex-direction:column;text-align:center}
.app-blank form .container .row>[class*=col-]{width:100%}
.app-blank form .container img{height:190px!important;max-width:180px;object-fit:contain;margin-bottom:18px}
.app-blank form .container h1{margin-left:0!important}
.app-blank form .container:after{content:'Come on in. There’s a space here just for you.';display:block;text-align:center;color:#62715a;font-size:1rem;margin-top:12px;line-height:1.6}
.btn-primary{background:#203f35!important;border-color:#203f35!important;color:#fffefa!important}
.btn-primary:hover,.btn-primary:focus{background:#315b46!important;border-color:#315b46!important}
.link-primary,.text-primary{color:#315b46!important}
.form-control-solid,.form-select-solid{background:#f1f4eb!important;color:#203f35!important;border:1px solid #d5dfcb!important}
.form-control:focus,.form-select:focus{border-color:#8b9b78!important;box-shadow:0 0 0 3px #a1b18b33!important}
.app-sidebar{background:#f0f2e9!important;border-right:1px solid #dce2d3!important}
.app-sidebar-logo img{content:url('/static/branding/ygg-mark.svg');height:45px!important;width:45px!important;object-fit:contain}
.app-sidebar .menu-title,.app-sidebar .text-sidebar{color:#203f35!important}
.app-sidebar .menu-link.active{background:#dde7d1!important;border-radius:7px}
.app-header,.card{border-color:#dce2d3!important;background:#fffefa!important}
.card{border-radius:12px!important;box-shadow:none!important}
.table{--bs-table-color:#203f35;--bs-table-bg:#fffefa}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a88752!important;outline-offset:3px}
@media(max-width:600px){.app-blank #app_root .bg-body{padding:24px!important}.app-blank form .container img{height:145px!important}.app-blank h1{font-size:2.2rem!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}