/* QFELL — header / navigation. Layout follows the approved screenshot. */
:root{--qf-ink:#09265c;--qf-blue:#0787ff;--qf-cyan:#0ac5ec;--qf-pink:#ff168f;--qf-green:#11c982;--qf-border:#cfe7fb;--qf-bg:#e8f7ff;}
*{box-sizing:border-box}
.qf-body{background:#e7f6ff!important;color:var(--qf-ink);font-family:Arial,Helvetica,sans-serif!important}
.qf-shell{width:calc(100% - 48px);max-width:1450px;margin:0 auto}
.qf-header{position:relative;display:block;width:100%;aspect-ratio:977/148;min-height:118px;overflow:hidden;border-radius:0 0 12px 12px;background:#061c3e url('/images/ui/header-bg.png') center/100% 100% no-repeat;}
.qf-auth{position:absolute;right:0;bottom:9px;z-index:4;min-width:407px;min-height:55px;padding:4px 5px;display:flex;align-items:center;justify-content:flex-end;border:1px solid rgba(0,137,255,.65);border-radius:10px;background:rgba(0,17,48,.96);box-shadow:0 6px 16px rgba(0,0,0,.22);}
.qf-auth-guest,.qf-auth-user{align-items:center;justify-content:flex-end;gap:5px;flex-wrap:nowrap;width:100%}.qf-auth-user .qf-btn-chat{width:124px}.qf-auth-user .qf-current-user{flex:1;min-width:105px}.qf-auth-user .qf-btn-logout{width:140px}
.qf-auth .show_authorized{display:none}
.qf-auth .show_notauthorized{display:flex}
.qf-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:0 12px;border:0;border-radius:7px;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}
.qf-btn img{width:25px;height:25px;object-fit:contain;flex:0 0 auto}
.qf-btn-chat{background:linear-gradient(110deg,#02bfe9,#1476ff 65%,#8138ff)}
.qf-btn-register{background:linear-gradient(110deg,#ff2497,#f74b9d)}
.qf-btn-logout{background:transparent;border-left:1px solid rgba(71,154,226,.28);border-radius:0;padding-left:12px}
.qf-current-user{height:43px;display:flex;align-items:center;gap:8px;padding:0 9px;color:#fff;border-left:1px solid rgba(71,154,226,.28);border-right:1px solid rgba(71,154,226,.28);font-size:12px;white-space:nowrap}
.qf-header-avatar{width:34px;height:34px;border-radius:5px;object-fit:cover;border:1px solid #b3dbff}
.qf-current-user .authorized{color:#fff;font-weight:700;max-width:80px;overflow:hidden;text-overflow:ellipsis}
.qf-chevron{font-size:16px;color:#d9ecff;margin-top:-4px}
.qf-menu{margin-top:11px;width:100%;display:grid;align-items:stretch;background:rgba(255,255,255,.94);border:1px solid #cfe8fc;border-radius:11px;overflow:hidden;box-shadow:0 3px 9px rgba(27,95,156,.035)}
.qf-menu-main{grid-template-columns:repeat(7,minmax(0,1fr));min-height:49px}
.qf-menu-personal{grid-template-columns:repeat(6,minmax(0,1fr));min-height:47px;margin-top:10px;margin-bottom:11px}
.qf-menu-item{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 8px;text-decoration:none!important;color:#09265c!important;font-weight:700;font-size:12px;border-right:1px solid #d9eafa;white-space:nowrap;}
.qf-menu-item:last-child{border-right:0}
.qf-menu-item img{width:26px;height:26px;flex:0 0 auto;object-fit:contain}
.qf-menu-main .qf-menu-item.active{margin:3px 5px;border-radius:6px;border-right:0;background:linear-gradient(115deg,#08b9e8,#0876ff);color:white!important}
.qf-menu-main .qf-menu-item.active img{filter:brightness(0) invert(1)}
.qf-menu-item:hover{background:#edf7ff;color:#087fff!important}
.qf-menu-personal .qf-menu-item:nth-child(1) img,.qf-menu-personal .qf-menu-item:nth-child(5) img{width:28px;height:28px}
.qf-footer{margin:16px 0 0;min-height:103px;padding:20px 14px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#061936,#062753 58%,#03152e);color:#c6e4ff;}
.qf-footer-brand{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:12px;row-gap:2px;min-width:315px}
.qf-footer-logo{color:#fff;font-size:29px;font-weight:900;line-height:1;letter-spacing:-1px}.qf-footer-logo span{color:#1688ff}
.qf-footer-tagline{font-size:10px;letter-spacing:.3px;white-space:nowrap}
.qf-footer-brand small{grid-column:1 / -1;font-size:12px;color:#b6d9fc;margin-top:4px}
.qf-footer-links{display:flex;align-items:center;justify-content:flex-end;flex:1}
.qf-footer-links a{min-height:35px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border-right:1px solid rgba(119,178,229,.25);font-size:12px;color:#c7e5ff!important;text-decoration:none!important;white-space:nowrap}
.qf-footer-links a:last-child{border-right:0}
.qf-footer-links a img{width:28px;height:28px;object-fit:contain;filter:brightness(0) saturate(100%) invert(86%) sepia(10%) saturate(1200%) hue-rotate(180deg)}
.qf-shield,.qf-help-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:#b9dcff;color:#0b3268;font-weight:900;font-size:18px}
.qf-help-icon{border-radius:50%;width:27px;height:27px;font-size:19px}
@media(max-width:900px){.qf-shell{width:calc(100% - 24px)}.qf-header{min-height:116px;aspect-ratio:977/148}.qf-auth{right:0;bottom:6px;min-height:43px}.qf-btn{font-size:11px;padding:0 8px;min-height:36px}.qf-btn img{width:20px;height:20px}.qf-header-avatar{width:29px;height:29px}.qf-current-user{height:36px;padding:0 6px}.qf-menu-item{gap:5px;padding:6px 4px;font-size:11px}.qf-menu-item img{width:22px;height:22px}.qf-footer{align-items:flex-start;flex-direction:column;gap:14px}.qf-footer-links{flex-wrap:wrap;justify-content:flex-start}.qf-footer-links a{padding:4px 10px}}
@media(max-width:650px){.qf-shell{width:calc(100% - 16px)}.qf-header{aspect-ratio:auto;height:120px;min-height:120px;background-position:center;background-size:auto 120px}.qf-auth{left:8px;right:8px;bottom:6px;min-width:0;min-height:41px;padding:3px}.qf-auth-user,.qf-auth-guest{width:100%;justify-content:center}.qf-btn{flex:1;gap:4px;padding:0 5px}.qf-btn img{width:18px;height:18px}.qf-current-user{flex:1;justify-content:center;min-width:0}.qf-current-user .authorized{max-width:58px}.qf-menu-main{grid-template-columns:repeat(4,minmax(0,1fr))}.qf-menu-personal{grid-template-columns:repeat(3,minmax(0,1fr))}.qf-menu-item{min-height:45px;border-bottom:1px solid #e2effb}.qf-footer-brand{min-width:0}}