/* Nav controls (Team ID, Free edits): one body, matching the bar's other buttons. */
.kft-nav-chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 11px;border:1px solid var(--border,#313736);border-radius:6px;background:var(--bg-white,#202323);color:var(--text-ink,#f0f1ed);font:700 12px/1 var(--kft-body,inherit);white-space:nowrap;cursor:pointer;list-style:none;user-select:none;transition:border-color .15s ease,background-color .15s ease}
.kft-nav-chip::-webkit-details-marker{display:none}
.kft-nav-chip:hover,details[open]>.kft-nav-chip{border-color:var(--kft-accent,#E63946)}
.kft-nav-chip:focus-visible{outline:2px solid var(--kft-accent,#E63946);outline-offset:2px}
.kft-nav-chip-icon{display:inline-flex;color:var(--text-muted,#adb3af)}
.kft-nav-chip-icon svg{width:15px;height:15px}
.kft-nav-chip-label{color:var(--text-muted,#adb3af);font-weight:600}
.kft-nav-chip-divider{width:1px;align-self:stretch;margin:9px 0;background:var(--border,#313736)}
.kft-nav-chip-value{font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.kft-nav-chip-caret{width:7px;height:7px;margin:0 1px 3px 1px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.55;transition:transform .15s ease}
details[open]>.kft-nav-chip .kft-nav-chip-caret{margin:3px 1px 0 1px;transform:rotate(-135deg)}
@media(prefers-reduced-motion:reduce){.kft-nav-chip,.kft-nav-chip-caret{transition:none}}
.kft-team-control{position:relative;flex-shrink:0;margin-left:10px;color:inherit;font:inherit;z-index:1100;order:1}
.kft-team-control[data-empty] .kft-nav-chip-label{color:var(--text-ink,#f0f1ed);font-weight:700}
/* Bars with the full link row are tight: the shirt and number say Team ID on their own. */
@media(min-width:768px) and (max-width:1599px){body > nav:not(.kft-nav-compact) .kft-team-control:not([data-empty]) :is(.kft-nav-chip-label,.kft-nav-chip-divider){display:none}body > nav:not(.kft-nav-compact) .kft-nav-chip{gap:6px;padding:0 9px}}
.kft-team-control form{position:absolute;right:0;top:calc(100% + 10px);width:min(320px,calc(100vw - 32px));padding:18px;background:var(--bg-white,var(--bg-card,var(--content-panel,#191c1c)));color:var(--text-ink,var(--content-text,#f0f1ed));border:1px solid var(--border,var(--content-line,#444c49));border-radius:12px;box-shadow:0 18px 64px #080a0a70}
body > nav .kft-team-control form{left:0;right:auto}
.kft-team-control label,.kft-team-input-scope{display:flex;gap:8px;flex-direction:column;font-size:12px;margin-bottom:12px;color:var(--text-ink,inherit)}
.kft-team-control input,.kft-team-control select,.kft-team-input-scope select{box-sizing:border-box;width:100%;min-height:42px;padding:8px 10px;background:var(--bg-neutral,#111715);color:var(--text-ink,#f0f1ed);border:1px solid var(--border,#444c49);border-radius:7px;font:inherit}
.kft-team-control button{min-height:42px;padding:8px 10px;background:var(--bg-neutral,#202323);color:var(--text-ink,#f0f1ed);border:1px solid var(--border,#444c49);border-radius:7px;cursor:pointer;font:inherit;font-size:12px}
.kft-team-actions{display:flex;flex-wrap:wrap;gap:8px}
.kft-team-control p,.kft-team-control small{font-size:12px;line-height:1.5}
.kft-team-control p:empty{display:none}
.kft-team-control :is(input,select,button,summary):focus-visible,.kft-team-view :is(button,input):focus-visible,.kft-team-input-scope select:focus-visible{outline:2px solid var(--accent-primary,#e36169);outline-offset:3px}
.kft-team-view{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0;font:inherit}
.kft-compare-panel>.kft-team-view{margin:12px 16px}
.kft-team-view [data-team-view-status]{color:var(--text-muted,#adb3af);font-size:12px}
/* The status sits on its own line under the buttons, and takes no room while empty. */
.kft-team-view [data-team-view-status]{flex:1 1 100%;order:10}
.kft-team-view [data-team-view-status]:empty{display:none}
.kft-team-view button:disabled{opacity:.45;cursor:not-allowed}
.kft-team-view [hidden],.kft-team-control [hidden]{display:none!important}
.kft-team-picker{flex-basis:100%;padding:12px 0;border-top:1px solid var(--border,#444c49)}
.kft-team-picker label{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px}
.kft-team-picker [data-team-candidates]{display:flex;flex-wrap:wrap;gap:8px;max-height:240px;overflow:auto;margin-top:12px}
.kft-team-picker [aria-pressed=true]{border-color:var(--accent-primary,#e36169)}
.kft-team-input-scope{margin:8px 0;max-width:240px}
.content-shell .kft-team-view .kft-dock-item{min-height:42px;padding:8px 12px;border:1px solid var(--content-line);border-radius:3px;background:var(--content-panel);color:var(--content-text);font:inherit;cursor:pointer}
.content-shell .kft-team-view input{background:var(--content-panel);color:var(--content-text);padding:8px 12px;border:1px solid var(--content-line);font:inherit}
@media(max-width:767px){.kft-team-control{margin:0}.kft-team-menu-item .kft-team-control{position:relative;width:100%}.kft-team-menu-item .kft-nav-chip,.kft-allowance-menu-item .kft-nav-chip{width:100%;height:46px;padding:0 14px;font-size:14px;border-radius:10px}.kft-team-menu-item .kft-nav-chip-caret,.kft-allowance-menu-item .kft-nav-chip-caret{margin-left:auto}.kft-team-control form{position:fixed;top:80px;left:16px;right:16px;width:auto;max-height:calc(100dvh - 96px);overflow:auto}.content-nav:has(.kft-team-control){flex-wrap:wrap}.kft-team-view [data-team-view-status]{flex-basis:100%}.kft-team-input-scope{max-width:100%}}
@media print{.kft-team-control,.kft-team-view,.kft-team-input-scope{display:none}}
/* Homepage hero Team ID box: sits under the hero actions, styled like them. */
.hero-team{display:grid;gap:8px;max-width:520px;margin-top:22px}
.hero-team-label{font-size:13px;font-weight:800;letter-spacing:.01em;color:var(--text-ink,#f0f1ed)}
.hero-team-row{display:flex;gap:8px}
.hero-team-row input{flex:1 1 auto;min-width:0;min-height:46px;padding:0 14px;border:1px solid var(--border,#444c49);border-radius:8px;background:var(--bg-white,#191c1c);color:var(--text-ink,#f0f1ed);font:600 15px/1 var(--kft-body,Manrope,"Segoe UI",sans-serif)}
.hero-team-row input:focus-visible{outline:2px solid var(--accent-primary,#e36169);outline-offset:2px}
.hero-team-submit{flex:0 0 auto;min-height:46px;padding:0 18px;border-radius:8px;font-weight:700;cursor:pointer}
.hero-team-hint{margin:0;font-size:12px;line-height:1.5;color:var(--text-muted,#adb3af);overflow-wrap:anywhere}
.hero-team-hint strong{color:var(--text-ink,#f0f1ed)}
.hero-team-status{margin:0;font-size:13px;line-height:1.5;color:var(--text-ink,#f0f1ed)}
.hero-team-status:empty{display:none}
.hero-team-status a{color:inherit;text-decoration:underline}
.hero-team.is-set .hero-team-hint{display:none}
@media(max-width:560px){.hero-team-row{flex-direction:column}.hero-team-submit{width:100%}}