/* G-BIZ presentation, 2026-10-03. GNU AGPL v3; original notices preserved. */
:root { --gbiz-red:#bd002e; --gbiz-wine:#70132d; --gbiz-ink:#201821; }
#login-body {
    box-sizing:border-box; min-height:100vh; min-height:100dvh; height:auto;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:18px; padding:40px 24px 84px; margin:0;
    background-color:#171923; background-image:linear-gradient(to top,rgba(12,17,25,.92) 0,rgba(12,17,25,.50) 75px,transparent 190px),linear-gradient(110deg,rgba(8,15,26,.28),rgba(53,7,26,.34)),url("service-desk.webp?v=premium1"); background-position:52% center; background-size:cover; background-repeat:no-repeat;
    background-attachment:fixed;
}
#login-logo, #login-content {
    box-sizing:border-box; position:relative; top:auto; left:auto; right:auto;
    margin:0; width:min(430px,100%); max-width:100%;
}
#login-logo { height:auto; padding:16px 26px; background:rgba(255,255,255,.98); border-radius:14px; box-shadow:0 12px 36px rgba(0,0,0,.20); text-align:center; }
#login-logo img { width:260px; max-width:100%; height:auto; max-height:none; object-fit:contain; }
#login-content { background:rgba(255,255,255,.98); border:1px solid rgba(255,255,255,.85); border-top:4px solid var(--gbiz-red); border-radius:16px; padding:28px 30px; box-shadow:0 18px 50px rgba(0,0,0,.3); }
#login-title { width:100%; margin:0; }
#login-title h1 { color:var(--gbiz-wine); font-size:23px; line-height:1.3; white-space:normal; margin:0 0 8px; font-weight:600; }
#login-title, #login-form-content { color:#263342; }
#login-form-content > div { box-sizing:border-box; width:100%; margin-left:0; }
#login-input input { box-sizing:border-box; width:100%; border-radius:6px; min-height:38px; }
#login-submit button { box-sizing:border-box; width:100%; background:var(--gbiz-wine); color:#fff; border:1px solid var(--gbiz-wine); border-radius:6px; min-height:40px; }
#login-submit button:hover { background:#4e0d21; }
#login-content a { color:var(--gbiz-wine); }
#login-content a:hover { color:#a10028; }
#login-content a:focus-visible, #login-content button:focus-visible, #login-content input:focus-visible { outline:3px solid #c10035; outline-offset:3px; }
#login-footer { position:static; width:100%; }
#gbiz-login-legal {
    box-sizing:border-box; position:fixed; bottom:16px; right:20px; z-index:1000;
    font:12px/1.5 Arial,sans-serif; padding:9px 12px; margin:0;
    border:0; border-radius:0; background:transparent;
}
#gbiz-login-legal a { color:#aeb4bf; text-decoration:underline; text-underline-offset:3px; }
#gbiz-login-legal a:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.ibo-navigation-menu--full-company-logo img { width:230px; max-width:calc(100% - 32px); height:auto; max-height:92px; object-fit:contain; box-sizing:border-box; background:#fff; padding:8px 12px; border-radius:4px; }
.ibo-navigation-menu--square-company-logo img { object-fit:contain; }
.ibo-navigation-menu--body { background-color:#18232d; background-image:linear-gradient(rgba(8,20,33,.52),rgba(35,8,19,.72)),url("service-desk.webp?v=premium1"); background-position:52% center; background-size:cover; background-repeat:no-repeat; border-left:3px solid var(--gbiz-red); }
.ibo-navigation-menu--menu-group { color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.6); }
.ibo-navigation-menu--bottom-part { background:rgba(49,6,20,.96); }
@media (max-width:600px) {
    #login-body { padding:24px 16px; justify-content:flex-start; gap:16px; background-attachment:scroll; }
    #login-logo { padding:14px 20px; }
    #login-content { padding:24px 22px; }
    #login-title h1 { font-size:21px; }
    #gbiz-login-legal { position:static; width:fit-content; max-width:100%; margin:10px 0 0 auto; text-align:right; }
}
@media (max-height:700px) and (min-width:601px) { #login-body { justify-content:flex-start; padding-top:22px; gap:12px; } #login-logo { padding:12px 20px; } }
#login-submit input[type="submit"] { box-sizing:border-box; width:100%; min-height:40px; background:#70132d; color:#fff; border:1px solid #70132d; border-radius:6px; }
#login-submit input[type="submit"]:hover { background:#4e0d21; }
#login-submit input[type="submit"]:focus-visible { outline:3px solid #c10035; outline-offset:3px; }


