.app-header{display:grid;grid-template-columns:minmax(140px,1fr) auto auto;gap:20px;align-items:center;padding:12px 28px;position:relative;z-index:20}.header-identity{display:flex;align-items:center;gap:8px;min-width:0}#group-menu{position:relative;min-width:0;max-width:100%}.app-header .brand{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;list-style:none;font:600 20px Inter,Arial,sans-serif;letter-spacing:-.4px;white-space:nowrap;margin:0;padding:0}.app-header .brand::-webkit-details-marker{display:none}.app-header .brand span{display:block;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.brand svg{flex-shrink:0}.brand:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:6px}.group-menu-content{position:absolute;top:calc(100% + 8px);left:0;width:280px;max-width:calc(100vw - 28px);background:var(--panel);border:1px solid var(--line);box-shadow:0 14px 40px #0005;border-radius:16px;padding:10px;z-index:30}.group-menu-content button{display:block;width:100%;border:0;background:transparent;text-align:left;min-height:44px}.group-menu-content button:hover{background:var(--card)}.group-menu-content label{font-size:12px;padding:8px;display:block}.group-menu-content select{display:block;width:100%;margin-top:8px}.app-header .primary-nav{display:flex;gap:4px;margin:0;min-width:0}.app-header .primary-nav button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px;min-height:44px;background:transparent;color:var(--muted);font-size:14px}.app-header .primary-nav button.active{border-bottom-color:var(--green);color:var(--text);background:transparent}.header-actions{display:flex;gap:4px;align-items:center}.header-actions .icon-button{position:relative;width:44px;height:44px;flex:none}.header-actions .active{background:var(--card);border-radius:12px}#notification-count{position:absolute;right:0;top:1px;min-width:17px;height:17px;padding:1px 4px;border-radius:10px;background:var(--green);color:var(--bg);font-size:10px;font-weight:700;line-height:15px}#notification-count[hidden]{display:none}.sync-indicator{flex-shrink:0;padding:0;width:24px;height:24px;min-height:0;border:0;background:transparent;border-radius:50%;color:var(--muted);font-size:12px}.sync-indicator[data-state=saved]{color:var(--green)}.sync-indicator[data-state=error]{background:#cf5555;color:white}.sync-indicator[data-state=pending]{color:#e2b458}.sync-indicator[hidden]{display:none}#sync-warning{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-size:13px;color:#ed8b8b;flex-wrap:wrap}#sync-warning[hidden]{display:none}#sync-warning button{font-size:12px;min-height:40px}.settings-tools{display:flex;flex-wrap:wrap;gap:10px}.settings-tools button{min-height:44px}.football-nav{margin-top:4px}.app-header nav{overflow-y:hidden}main{padding-top:24px}@media(max-width:980px){.app-header{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 14px 0}.header-identity{grid-column:1;grid-row:1}.header-actions{grid-column:2;grid-row:1}.app-header .primary-nav{grid-column:1/-1;grid-row:2;width:100%;overflow-x:auto;scrollbar-width:none;justify-content:flex-start;gap:12px;overscroll-behavior-x:contain}.app-header .primary-nav::-webkit-scrollbar{display:none}.app-header .primary-nav button{flex:0 0 auto;font-size:14px;padding:12px 10px}.app-header .brand{font-size:18px}.app-header .brand span{display:block;font-size:18px}.app-header #sync-warning{grid-row:3;padding-bottom:10px}main{padding-top:18px}}@media(max-width:350px){.app-header{padding-left:10px;padding-right:10px}.app-header .primary-nav{gap:3px}.app-header .primary-nav button{padding-left:9px;padding-right:9px;font-size:13px}.header-identity{gap:2px}.app-header .brand{gap:5px}.app-header .brand span{font-size:16px}}