:root { color-scheme: dark; --bg: #080a0d; --bg-soft: #0d1015; --panel: rgba(18, 22, 29, .92); --panel-strong: #151a22; --panel-hover: #1a202a; --text: #f4f6f8; --muted: #929ca9; --line: rgba(255,255,255,.09); --line-strong: rgba(255,255,255,.16); --red: #ef3138; --red-strong: #ff4047; --red-soft: rgba(239,49,56,.13); --green: #39d98a; --amber: #ffbf47; --shadow: 0 24px 80px rgba(0,0,0,.38); --radius: 22px; --radius-sm: 14px; --sidebar: 264px; --topbar-height: 80px; } :root[data-theme="light"] { color-scheme: light; --bg: #f3f5f7; --bg-soft: #e9edf1; --panel: rgba(255,255,255,.94); --panel-strong: #ffffff; --panel-hover: #f5f7f9; --text: #15181d; --muted: #68727e; --line: rgba(20,26,35,.10); --line-strong: rgba(20,26,35,.16); --red-soft: rgba(239,49,56,.09); --shadow: 0 24px 70px rgba(48,58,72,.12); } * { box-sizing: border-box; } html { min-height: 100%; background: var(--bg); } body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 80% -5%, rgba(239,49,56,.12), transparent 32rem), radial-gradient(circle at -10% 85%, rgba(107,125,255,.08), transparent 28rem), var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; } button, input, select, textarea { font: inherit; } button { cursor: pointer; } a { color: inherit; } .brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.08em; } .brand-mark { width: 38px; height: 38px; border-radius: 12px; position: relative; display:grid; place-items:center; background: linear-gradient(145deg, #ff464c, #b80e19); box-shadow: 0 10px 28px rgba(239,49,56,.28); } .brand-mark::before { content:""; width:20px; height:11px; border:2px solid white; border-radius:70% 15% 70% 15%; transform:rotate(-12deg); opacity:.95; } .brand-mark::after { content:""; position:absolute; width:5px; height:5px; border-radius:50%; background:white; } .brand small { display:block; margin-top:2px; font-weight:600; letter-spacing:.04em; color:var(--muted); font-size:10px; } .auth-shell { min-height:100vh; display:grid; grid-template-columns: minmax(380px, .9fr) minmax(520px, 1.1fr); } .auth-panel { display:flex; flex-direction:column; padding:48px clamp(28px, 6vw, 88px); border-right:1px solid var(--line); background:rgba(8,10,13,.68); backdrop-filter:blur(16px); } :root[data-theme="light"] .auth-panel { background:rgba(255,255,255,.78); } .auth-top { display:flex; align-items:center; justify-content:space-between; } .auth-main { width:min(100%, 480px); margin:auto 0; padding:54px 0; } .eyebrow { color:var(--red-strong); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; } h1 { font-size:clamp(38px,5vw,68px); line-height:.98; margin:14px 0 18px; letter-spacing:-.045em; } h2 { font-size:28px; letter-spacing:-.03em; margin:0; } h3 { margin:0; font-size:17px; } .lead { color:var(--muted); font-size:17px; line-height:1.65; max-width:50ch; } .auth-form { display:grid; gap:15px; margin-top:34px; } .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; } .field { display:grid; gap:7px; } .field label { font-size:12px; color:var(--muted); font-weight:700; letter-spacing:.02em; } .field input, .field select, .field textarea { width:100%; color:var(--text); background:var(--panel-strong); border:1px solid var(--line); border-radius:13px; padding:13px 14px; outline:none; transition:.2s border,.2s box-shadow,.2s background; } .field input:focus, .field select:focus, .field textarea:focus { border-color:rgba(239,49,56,.7); box-shadow:0 0 0 4px var(--red-soft); } .field textarea { resize:vertical; min-height:95px; } .btn { border:1px solid var(--line); border-radius:13px; min-height:44px; padding:0 16px; background:var(--panel-strong); color:var(--text); font-weight:750; display:inline-flex; align-items:center; justify-content:center; gap:9px; transition:.18s ease; } .btn:hover { transform:translateY(-1px); border-color:var(--line-strong); background:var(--panel-hover); } .btn-primary { background:linear-gradient(145deg,#f53a41,#d91f29); border-color:transparent; color:#fff; box-shadow:0 14px 28px rgba(239,49,56,.18); } .btn-primary:hover { background:linear-gradient(145deg,#ff464d,#e9232d); } .btn-ghost { background:transparent; } .btn-danger-soft { color:#ff7479; background:var(--red-soft); border-color:rgba(239,49,56,.20); } .btn-sm { min-height:36px; font-size:12px; padding:0 12px; border-radius:11px; } .icon-btn { width:42px; height:42px; padding:0; border-radius:13px; } .auth-switch { margin-top:16px; color:var(--muted); font-size:13px; } .link-button { border:0; background:none; color:var(--red-strong); padding:0; font-weight:800; } .auth-visual { padding:48px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; } .visual-card { width:min(720px,90%); border:1px solid var(--line); border-radius:30px; padding:30px; background:linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); box-shadow:var(--shadow); backdrop-filter:blur(16px); transform:none; } .visual-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; } .visual-kpi { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; } .mock-card { min-height:120px; padding:18px; border-radius:18px; background:var(--panel); border:1px solid var(--line); } .mock-label { color:var(--muted); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; } .mock-number { margin-top:10px; font-size:32px; font-weight:850; letter-spacing:-.04em; } .mock-event { margin-top:15px; padding:16px; border-radius:17px; border:1px solid var(--line); background:var(--panel); display:grid; grid-template-columns:52px 1fr auto; gap:16px; align-items:center; } .mock-date { width:52px;height:52px;border-radius:14px;background:var(--red-soft);display:grid;place-items:center;text-align:center;color:var(--red-strong);font-weight:850; } .mock-date small { display:block; font-size:9px; letter-spacing:.08em; } .status-pill { display:inline-flex; align-items:center; gap:7px; border-radius:999px; padding:7px 10px; border:1px solid var(--line); background:var(--panel); color:var(--muted); font-size:11px; font-weight:800; } .status-dot { width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(57,217,138,.10); } .app-shell { min-height:100vh; display:grid; grid-template-columns:var(--sidebar) 1fr; } .sidebar { position:sticky; top:0; height:100vh; padding:24px 18px; border-right:1px solid var(--line); background:rgba(8,10,13,.78); backdrop-filter:blur(18px); display:flex; flex-direction:column; gap:28px; } :root[data-theme="light"] .sidebar { background:rgba(255,255,255,.82); } .side-nav { display:grid; gap:7px; } .nav-item { border:0; background:transparent; color:var(--muted); min-height:45px; border-radius:12px; padding:0 13px; display:flex; align-items:center; gap:12px; text-align:left; font-weight:700; } .nav-item.active { background:var(--red-soft); color:var(--text); } .nav-item .nav-icon { width:22px; text-align:center; opacity:.8; } .side-foot { margin-top:auto; display:grid; gap:12px; } .user-chip { display:flex; align-items:center; gap:10px; padding:11px; border:1px solid var(--line); border-radius:14px; background:var(--panel); min-width:0; } .avatar { width:34px; height:34px; border-radius:11px; background:linear-gradient(145deg,#fd545a,#b7121b); color:#fff; display:grid; place-items:center; font-weight:850; flex:0 0 auto; } .user-meta { min-width:0; } .user-meta strong, .user-meta span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .user-meta strong { font-size:12px; } .user-meta span { color:var(--muted); font-size:10px; margin-top:2px; } .main { min-width:0; } .topbar { min-height:var(--topbar-height); display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 clamp(22px,4vw,54px); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:30; background:rgba(8,10,13,.7); backdrop-filter:blur(18px); } :root[data-theme="light"] .topbar { background:rgba(243,245,247,.75); } .top-title small { display:block; color:var(--muted); font-size:11px; margin-top:4px; } .top-actions { display:flex; align-items:center; gap:9px; } .content { padding:clamp(24px,4vw,54px); max-width:1500px; margin:0 auto; } .hero-row { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:30px; } .hero-row h1 { font-size:clamp(34px,4.2vw,58px); margin:7px 0 0; } .hero-actions { display:flex; gap:10px; flex-wrap:wrap; } .metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin-bottom:26px; } .metric { background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:19px; box-shadow:0 14px 35px rgba(0,0,0,.06); } .metric-head { display:flex; justify-content:space-between; align-items:center; color:var(--muted); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; } .metric-value { margin-top:13px; font-size:29px; font-weight:850; letter-spacing:-.04em; } .metric-note { margin-top:5px; color:var(--muted); font-size:11px; } .section { margin-top:28px; } .section-head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:13px; } .section-head p { margin:5px 0 0; color:var(--muted); font-size:12px; } .org-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .org-card { border:1px solid var(--line); border-radius:20px; background:var(--panel); overflow:hidden; box-shadow:0 16px 42px rgba(0,0,0,.07); } .org-card-head { padding:20px; display:flex; justify-content:space-between; gap:16px; align-items:flex-start; border-bottom:1px solid var(--line); } .org-title { display:flex; gap:13px; min-width:0; } .org-logo { width:46px; height:46px; border-radius:14px; background:var(--red-soft); color:var(--red-strong); display:grid; place-items:center; font-size:17px; font-weight:900; flex:0 0 auto; } .org-title h3 { margin:2px 0 5px; } .org-title p { margin:0; color:var(--muted); font-size:11px; } .team-list { padding:10px; display:grid; gap:8px; } .team-row { display:flex; align-items:center; gap:13px; padding:13px; border:1px solid transparent; border-radius:14px; transition:.18s; } .team-row:hover { border-color:var(--line); background:var(--panel-hover); } .team-symbol { width:38px; height:38px; border-radius:12px; background:var(--bg-soft); display:grid; place-items:center; } .team-data { flex:1; min-width:0; } .team-data strong { display:block; font-size:13px; } .team-data span { display:block; color:var(--muted); font-size:10px; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .team-actions { display:flex; gap:7px; } .empty { padding:42px 28px; border:1px dashed var(--line-strong); border-radius:20px; text-align:center; background:linear-gradient(145deg,var(--panel),transparent); } .empty-icon { width:60px;height:60px;border-radius:18px;background:var(--red-soft);color:var(--red-strong);display:grid;place-items:center;margin:0 auto 16px;font-size:24px; } .empty h3 { font-size:20px; } .empty p { max-width:48ch; margin:9px auto 20px; color:var(--muted); line-height:1.6; font-size:13px; } .integration-row { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; } .integration-card { border:1px solid var(--line); border-radius:18px; background:var(--panel); padding:18px; display:flex; align-items:center; justify-content:space-between; gap:15px; } .integration-name { display:flex; align-items:center; gap:12px; } .integration-icon { width:40px;height:40px;border-radius:12px;background:var(--bg-soft);display:grid;place-items:center;font-weight:900; } .integration-name p { margin:4px 0 0; color:var(--muted); font-size:10px; } .modal-backdrop { position:fixed; inset:0; z-index:100; background:rgba(0,0,0,.65); display:grid; place-items:center; padding:20px; backdrop-filter:blur(8px); } .modal { width:min(720px,100%); max-height:min(850px,calc(100vh - 40px)); overflow:auto; background:var(--panel-strong); border:1px solid var(--line-strong); border-radius:24px; box-shadow:var(--shadow); } .modal-head { padding:22px 24px; border-bottom:1px solid var(--line); display:flex; align-items:flex-start; justify-content:space-between; gap:20px; position:sticky; top:0; z-index:2; background:var(--panel-strong); } .modal-head p { margin:6px 0 0; color:var(--muted); font-size:11px; } .modal-body { padding:24px; } .modal-foot { padding:17px 24px; border-top:1px solid var(--line); display:flex; justify-content:flex-end; gap:10px; position:sticky; bottom:0; background:var(--panel-strong); } .wizard-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-bottom:22px; } .wizard-step { height:4px; background:var(--line); border-radius:999px; overflow:hidden; } .wizard-step.active { background:var(--red); } .callout { padding:14px 15px; border-radius:13px; border:1px solid var(--line); background:var(--bg-soft); color:var(--muted); font-size:12px; line-height:1.55; } .callout strong { color:var(--text); } .token-box { margin-top:14px; display:flex; gap:8px; align-items:center; padding:12px; border:1px dashed rgba(239,49,56,.45); border-radius:13px; background:var(--red-soft); } .token-box code { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; color:var(--text); font-size:11px; } .loader { width:18px; height:18px; border:2px solid rgba(255,255,255,.2); border-top-color:#fff; border-radius:50%; animation:spin .7s linear infinite; } @keyframes spin { to { transform:rotate(360deg); } } .toast-root { position:fixed; right:20px; bottom:20px; z-index:200; display:grid; gap:10px; width:min(390px,calc(100vw - 40px)); } .toast { padding:14px 15px; border-radius:14px; border:1px solid var(--line-strong); background:var(--panel-strong); box-shadow:var(--shadow); display:flex; gap:11px; align-items:flex-start; animation:toastin .2s ease; } .toast.error { border-color:rgba(239,49,56,.35); } .toast strong { font-size:12px; display:block; } .toast span { font-size:11px; color:var(--muted); line-height:1.45; display:block; margin-top:3px; } @keyframes toastin { from { opacity:0; transform:translateY(8px); } } .mobile-menu { display:none; } @media (max-width: 1050px) { .auth-shell { grid-template-columns:1fr; } .auth-visual { display:none; } .auth-panel { border-right:0; } .metrics { grid-template-columns:repeat(2,1fr); } .org-grid { grid-template-columns:1fr; } } @media (max-width: 820px) { :root { --sidebar: 0px; --topbar-height: 68px; } .app-shell { display:block; } .sidebar { display:none; } .topbar { min-height:var(--topbar-height); padding:0 18px; } .topbar .brand { display:flex; } .mobile-menu { display:inline-flex; } .content { padding:24px 18px 42px; } .hero-row { align-items:flex-start; flex-direction:column; } .hero-row h1 { font-size:40px; } .integration-row { grid-template-columns:1fr; } } @media (max-width: 560px) { .auth-panel { padding:25px 20px; } .auth-main { padding:38px 0; } h1 { font-size:42px; } .form-grid { grid-template-columns:1fr; } .metrics { grid-template-columns:1fr 1fr; gap:10px; } .metric { padding:15px; } .metric-value { font-size:24px; } .org-card-head { flex-direction:column; } .team-row { align-items:flex-start; } .team-actions { flex-direction:column; } .modal-backdrop { padding:8px; } .modal { max-height:calc(100vh - 16px); border-radius:19px; } .modal-head,.modal-body,.modal-foot { padding-left:17px; padding-right:17px; } } /* v0.1.3 – Team Detail & Member Management */ .team-row-clickable { cursor:pointer; } .back-link { border:0; background:transparent; color:var(--muted); font-weight:750; padding:0; margin-bottom:18px; display:inline-flex; align-items:center; gap:8px; } .back-link:hover { color:var(--text); } .team-hero { border:1px solid var(--line); border-radius:26px; background:linear-gradient(135deg,var(--panel),rgba(239,49,56,.06)); padding:clamp(24px,4vw,40px); display:flex; align-items:center; justify-content:space-between; gap:28px; margin-bottom:18px; overflow:hidden; position:relative; } .team-hero::after { content:""; position:absolute; right:-100px; top:-130px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle,rgba(239,49,56,.16),transparent 65%); pointer-events:none; } .team-hero h1 { font-size:clamp(42px,5vw,70px); margin:10px 0 10px; } .team-hero p { color:var(--muted); margin:0; font-size:14px; } .hero-chips { display:flex; gap:8px; flex-wrap:wrap; margin-top:18px; } .team-hero-mark { width:112px; height:112px; border-radius:28px; background:linear-gradient(145deg,#fa444b,#a90d16); display:grid; place-items:center; color:white; font-size:28px; font-weight:900; letter-spacing:-.04em; box-shadow:0 20px 50px rgba(239,49,56,.22); flex:0 0 auto; z-index:1; } .team-metrics { margin-top:0; } .member-table { border:1px solid var(--line); border-radius:20px; background:var(--panel); overflow:hidden; } .member-table-head, .member-row { display:grid; grid-template-columns:64px minmax(210px,1.35fr) minmax(160px,.9fr) minmax(190px,1fr) 115px auto; gap:14px; align-items:center; } .member-table-head { padding:12px 18px; border-bottom:1px solid var(--line); color:var(--muted); font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.07em; background:var(--bg-soft); } .member-row { padding:15px 18px; border-bottom:1px solid var(--line); } .member-row:last-child { border-bottom:0; } .member-row:hover { background:var(--panel-hover); } .jersey-box { width:42px; height:42px; border-radius:12px; background:var(--bg-soft); display:grid; place-items:center; font-size:15px; font-weight:900; } .member-person { display:flex; align-items:center; gap:11px; min-width:0; } .member-person > div:last-child { min-width:0; } .member-person strong, .member-person span, .member-role strong, .member-role span { display:block; } .member-person strong { font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .member-person span, .member-role span { color:var(--muted); font-size:10px; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .member-role strong { font-size:12px; } .avatar-soft { background:var(--red-soft); color:var(--red-strong); } .member-compliance { display:flex; align-items:center; gap:6px; flex-wrap:wrap; } .mini-badge { display:inline-flex; align-items:center; border:1px solid var(--line); background:var(--bg-soft); color:var(--muted); border-radius:999px; padding:6px 8px; font-size:9px; font-weight:800; } .mini-badge.ok { color:var(--green); border-color:rgba(57,217,138,.18); background:rgba(57,217,138,.06); } .status-pill.warn .status-dot { background:var(--amber); box-shadow:0 0 0 4px rgba(255,191,71,.10); } .management-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; } .management-card { border:1px solid var(--line); border-radius:20px; background:var(--panel); padding:18px; min-width:0; } .card-title { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding-bottom:13px; border-bottom:1px solid var(--line); } .card-title h3 { margin-top:5px; } .counter { min-width:34px; height:34px; border-radius:11px; background:var(--red-soft); color:var(--red-strong); display:grid; place-items:center; font-weight:900; } .pending-row { display:grid; grid-template-columns:1fr auto auto; gap:12px; align-items:center; padding:13px 0; border-bottom:1px solid var(--line); } .pending-row:last-child { border-bottom:0; } .pending-row strong, .pending-row span { display:block; } .pending-row strong { font-size:12px; } .pending-row > div > span { color:var(--muted); font-size:10px; margin-top:4px; } .request-card { padding:14px 0; border-bottom:1px solid var(--line); } .request-card:last-child { border-bottom:0; } .request-card p { color:var(--muted); font-size:11px; line-height:1.55; margin:10px 0; } .request-actions { display:flex; justify-content:flex-end; gap:8px; } .sub-empty { color:var(--muted); padding:22px 4px; font-size:12px; text-align:center; } .roadmap-strip { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:18px; overflow:hidden; background:var(--panel); } .roadmap-strip > div { padding:18px; border-right:1px solid var(--line); } .roadmap-strip > div:last-child { border-right:0; } .roadmap-strip strong, .roadmap-strip span { display:block; } .roadmap-strip strong { font-size:12px; } .roadmap-strip span { color:var(--muted); font-size:10px; margin-top:5px; } @media (max-width: 1250px) { .member-table-head { display:none; } .member-row { grid-template-columns:50px 1.2fr 1fr auto; } .member-compliance { grid-column:2 / 4; } .member-status { grid-column:4; grid-row:1; } .member-row > div:last-child { grid-column:4; grid-row:2; } } @media (max-width: 900px) { .management-grid { grid-template-columns:1fr; } .roadmap-strip { grid-template-columns:1fr 1fr; } .roadmap-strip > div:nth-child(2) { border-right:0; } .roadmap-strip > div:nth-child(-n+2) { border-bottom:1px solid var(--line); } } @media (max-width: 650px) { .team-hero { align-items:flex-start; } .team-hero-mark { width:72px; height:72px; border-radius:20px; font-size:20px; } .member-row { grid-template-columns:44px 1fr auto; gap:10px; } .member-role { grid-column:2 / 4; } .member-compliance { grid-column:2 / 4; } .member-status { grid-column:2; grid-row:auto; } .member-row > div:last-child { grid-column:3; grid-row:auto; } .pending-row { grid-template-columns:1fr auto; } .pending-row > button { grid-column:1 / 3; } .roadmap-strip { grid-template-columns:1fr; } .roadmap-strip > div { border-right:0 !important; border-bottom:1px solid var(--line); } .roadmap-strip > div:last-child { border-bottom:0; } } /* v0.1.3.2 – Teams navigation hotfix */ .team-directory-card { cursor: pointer; transition: transform .16s ease, border-color .16s ease, background .16s ease; } .team-directory-card:hover { transform: translateY(-2px); border-color: rgba(255,59,69,.45); background: var(--bg-soft); } .team-directory-foot { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:16px; margin-top:16px; border-top:1px solid var(--border); color:var(--muted); font-size:13px; } .team-directory-foot strong { color:var(--text); } /* v0.1.3.5 – multi-role membership & team identity */ .role-tags { display:flex; flex-wrap:wrap; gap:6px; } .role-tag { display:inline-flex; align-items:center; border:1px solid var(--line); background:var(--bg-soft); border-radius:999px; padding:5px 8px; font-size:9px; font-weight:850; color:var(--text); } .role-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:8px; } .role-choice { display:flex; gap:10px; align-items:flex-start; padding:12px; border:1px solid var(--line); border-radius:14px; background:var(--bg-soft); cursor:pointer; } .role-choice:hover { border-color:rgba(239,49,56,.35); } .role-choice input { margin-top:3px; accent-color:var(--red-strong); } .role-choice span, .role-choice strong, .role-choice small { display:block; } .role-choice strong { font-size:12px; } .role-choice small { margin-top:3px; color:var(--muted); font-size:9px; } @media (max-width:650px) { .role-picker { grid-template-columns:1fr; } } /* v0.2.1 – Calendar Management */ .calendar-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; } .filter-tabs { display:flex; gap:8px; flex-wrap:wrap; } .filter-tab { border:1px solid var(--line); background:var(--panel); color:var(--muted); min-height:38px; padding:0 14px; border-radius:999px; font-weight:800; font-size:11px; } .filter-tab.active { color:#fff; background:linear-gradient(145deg,#f53a41,#d91f29); border-color:transparent; } .event-list { display:grid; gap:12px; } .event-card { display:grid; grid-template-columns:62px minmax(0,1fr) auto; gap:16px; align-items:center; padding:16px; border:1px solid var(--line); background:var(--panel); border-radius:18px; transition:.16s ease; cursor:pointer; } .event-card:hover { transform:translateY(-1px); border-color:var(--line-strong); background:var(--panel-hover); } .event-card.cancelled { opacity:.62; } .event-date { width:58px; height:58px; border-radius:15px; background:var(--red-soft); display:grid; align-content:center; justify-items:center; color:var(--red-strong); } .event-date small { font-size:9px; font-weight:900; letter-spacing:.09em; } .event-date strong { font-size:21px; line-height:1.05; } .event-main { min-width:0; } .event-main h3 { font-size:15px; margin:5px 0; } .event-main p { margin:0; color:var(--muted); font-size:11px; line-height:1.5; } .event-meta { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:10px; font-weight:700; flex-wrap:wrap; } .event-type { display:inline-flex; padding:5px 8px; border-radius:999px; background:var(--bg-soft); border:1px solid var(--line); text-transform:uppercase; font-size:9px; letter-spacing:.06em; } .type-match { color:var(--red-strong); border-color:rgba(239,49,56,.22); background:var(--red-soft); } .type-training { color:var(--green); border-color:rgba(57,217,138,.18); background:rgba(57,217,138,.06); } .event-counts { display:flex; gap:6px; flex-wrap:wrap; margin-top:9px; } .event-side { display:grid; justify-items:end; gap:8px; } .attendance-actions { display:flex; gap:7px; flex-wrap:wrap; } .attendance-active.yes { color:var(--green); border-color:rgba(57,217,138,.35); background:rgba(57,217,138,.08); } .attendance-active.maybe { color:var(--amber); border-color:rgba(255,191,71,.35); background:rgba(255,191,71,.08); } .attendance-active.no { color:#ff7479; border-color:rgba(239,49,56,.35); background:var(--red-soft); } .calendar-empty { min-height:220px; } .modal-wide { width:min(860px,100%); } .event-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .event-detail-grid > div { padding:14px; border:1px solid var(--line); border-radius:14px; background:var(--bg-soft); } .event-detail-grid span, .event-detail-grid strong { display:block; } .event-detail-grid span { color:var(--muted); font-size:10px; margin-bottom:5px; } .event-detail-grid strong { font-size:12px; } .attendance-panel { margin-top:20px; padding:16px; border:1px solid var(--line); border-radius:16px; background:var(--bg-soft); } .attendance-roster { border:1px solid var(--line); border-radius:16px; overflow:hidden; } .attendance-person { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 14px; border-bottom:1px solid var(--line); } .attendance-person:last-child { border-bottom:0; } .attendance-state { display:inline-flex; align-items:center; border:1px solid var(--line); border-radius:999px; padding:6px 9px; font-size:9px; font-weight:850; } .state-yes { color:var(--green); border-color:rgba(57,217,138,.2); } .state-maybe { color:var(--amber); border-color:rgba(255,191,71,.2); } .state-no { color:#ff7479; border-color:rgba(239,49,56,.2); } .state-open { color:var(--muted); } @media (max-width:760px) { .event-card { grid-template-columns:54px 1fr; align-items:start; } .event-side { grid-column:2; justify-items:start; } .event-detail-grid { grid-template-columns:1fr; } .calendar-toolbar { align-items:flex-start; flex-direction:column; } } /* v0.2.1 Calendar management */ .callout-danger { border-color:rgba(239,49,56,.28); background:var(--red-soft); } .modal-foot-split { justify-content:space-between; align-items:center; flex-wrap:wrap; } .modal-foot-left,.modal-foot-right { display:flex; gap:10px; flex-wrap:wrap; } @media (max-width:680px) { .modal-foot-split,.modal-foot-left,.modal-foot-right { width:100%; } .modal-foot-left .btn,.modal-foot-right .btn { flex:1 1 auto; } } /* v0.2.1.1 – Smart Series & Deadlines */ .is-hidden { display:none !important; } .smart-rule-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px; } .series-planner { margin-top:18px; padding:16px; border:1px solid var(--line); background:var(--bg-soft); border-radius:15px; } .series-planner-head { display:flex; align-items:center; justify-content:space-between; gap:18px; } .series-planner-head > div { display:grid; gap:4px; } .series-planner-head strong { color:var(--text); font-size:14px; } .series-planner-head span { color:var(--muted); font-size:12px; } .series-planner-head select { min-width:180px; } .series-options { margin-top:16px; display:grid; gap:16px; } .weekday-picker { display:flex; flex-wrap:wrap; gap:8px; } .weekday-picker label { cursor:pointer; } .weekday-picker input { position:absolute; opacity:0; pointer-events:none; } .weekday-picker span { display:grid; place-items:center; min-width:42px; height:38px; padding:0 10px; border-radius:11px; border:1px solid var(--line); background:var(--panel); color:var(--muted); font-weight:800; } .weekday-picker input:checked + span { border-color:rgba(239,49,56,.55); background:var(--red-soft); color:var(--red); } .field small { color:var(--muted); font-size:11px; line-height:1.45; } .series-scope { padding:14px; border:1px solid var(--line); border-radius:13px; background:var(--bg-soft); } @media (max-width:720px) { .smart-rule-grid { grid-template-columns:1fr; } .series-planner-head { align-items:stretch; flex-direction:column; } .series-planner-head select { width:100%; min-width:0; } } /* v0.2.1.3 – Practical Time UX */ .time-planner { margin-top:16px; padding:16px; border:1px solid var(--line); background:var(--bg-soft); border-radius:15px; } .time-planner-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; } .time-planner-head > div { display:grid; gap:4px; } .time-planner-head strong { color:var(--text); font-size:14px; } .time-planner-head span { color:var(--muted); font-size:12px; } .practical-time-grid { display:grid; grid-template-columns:1.15fr .85fr 1fr; gap:14px; } .practical-exact-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:10px; border:1px dashed var(--line); border-radius:13px; background:var(--panel); } .weekday-schedules { min-height:0; } .weekday-schedule-list { display:grid; gap:10px; padding:13px; border:1px solid var(--line); border-radius:13px; background:var(--panel); } .weekday-schedule-title { display:grid; gap:3px; } .weekday-schedule-title strong { color:var(--text); font-size:12px; } .weekday-schedule-title span { color:var(--muted); font-size:10px; } .weekday-schedule-row { display:grid; grid-template-columns:minmax(110px,.8fr) 1fr 1fr; align-items:end; gap:10px; padding-top:10px; border-top:1px solid var(--line); } .weekday-schedule-row > strong { align-self:center; font-size:12px; } .weekday-schedule-row label { display:grid; gap:5px; } .weekday-schedule-row label > span { color:var(--muted); font-size:10px; font-weight:750; } @media (max-width:720px) { .practical-time-grid { grid-template-columns:1fr; } .practical-exact-grid { grid-template-columns:1fr; } .weekday-schedule-row { grid-template-columns:1fr 1fr; } .weekday-schedule-row > strong { grid-column:1 / -1; } } /* v0.2.2 – Calendar Views & Export */ .calendar-mode-tabs { display:flex; align-items:flex-end; gap:4px; margin:0 0 18px; border-bottom:1px solid var(--line); } .calendar-mode-tab { appearance:none; border:0; border-bottom:3px solid transparent; background:transparent; color:var(--muted); padding:12px 18px 10px; font-size:12px; font-weight:850; cursor:pointer; } .calendar-mode-tab:hover { color:var(--text); } .calendar-mode-tab.active { color:var(--text); border-bottom-color:var(--red-strong); } .calendar-board { border:1px solid var(--line); background:var(--panel); border-radius:20px; overflow:hidden; } .calendar-board-toolbar { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:14px; padding:14px 16px; border-bottom:1px solid var(--line); background:var(--panel-strong); } .calendar-board-toolbar h2 { margin:0; font-size:16px; text-transform:capitalize; text-align:center; } .calendar-nav { display:flex; gap:7px; align-items:center; } .calendar-range-toggle { display:flex; justify-content:flex-end; gap:5px; } .calendar-range-toggle .btn.active { background:var(--text); color:var(--bg); border-color:var(--text); } .calendar-weekdays, .print-weekdays { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); } .calendar-weekdays strong { padding:9px 8px; text-align:center; color:var(--muted); font-size:10px; border-bottom:1px solid var(--line); } .calendar-month-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); } .calendar-day { min-height:122px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); padding:8px; background:var(--panel); min-width:0; } .calendar-day:nth-child(7n) { border-right:0; } .calendar-day.outside { opacity:.38; background:var(--bg-soft); } .calendar-day.today { box-shadow:inset 0 0 0 2px rgba(239,49,56,.55); background:linear-gradient(180deg,var(--red-soft),var(--panel) 48%); } .calendar-day-number { min-height:24px; display:flex; align-items:center; justify-content:space-between; gap:5px; margin-bottom:5px; } .calendar-day-number span { display:grid; place-items:center; width:24px; height:24px; border-radius:8px; font-size:11px; font-weight:900; } .calendar-day.today .calendar-day-number span { color:#fff; background:var(--red-strong); } .calendar-day-number small { color:var(--red-strong); font-size:8px; font-weight:900; text-transform:uppercase; } .calendar-day-events { display:grid; gap:4px; min-width:0; } .calendar-event-chip { appearance:none; width:100%; border:1px solid var(--line); border-left:3px solid var(--muted); background:var(--bg-soft); color:var(--text); border-radius:8px; padding:6px 7px; text-align:left; font-size:9px; font-weight:750; cursor:pointer; min-width:0; overflow:hidden; } .calendar-event-chip span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .calendar-event-chip:hover { border-color:var(--line-strong); transform:translateY(-1px); } .calendar-event-chip.chip-training { border-left-color:var(--green); } .calendar-event-chip.chip-match { border-left-color:var(--red-strong); background:var(--red-soft); } .calendar-event-chip.chip-meeting, .calendar-event-chip.chip-tournament, .calendar-event-chip.chip-other { border-left-color:var(--amber); } .calendar-event-chip.cancelled { opacity:.5; text-decoration:line-through; } .calendar-more { color:var(--muted); font-size:8px; padding:2px 4px; font-weight:800; } .calendar-week-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); min-height:360px; } .calendar-week-day { border-right:1px solid var(--line); min-width:0; background:var(--panel); } .calendar-week-day:last-child { border-right:0; } .calendar-week-day.today { background:linear-gradient(180deg,var(--red-soft),var(--panel) 32%); } .calendar-week-day-head { padding:12px 10px; border-bottom:1px solid var(--line); display:grid; gap:3px; text-align:center; } .calendar-week-day-head strong { font-size:10px; text-transform:uppercase; color:var(--muted); } .calendar-week-day-head span { font-size:13px; font-weight:900; } .calendar-week-events { display:grid; align-content:start; gap:8px; padding:10px; } .calendar-no-events { color:var(--muted); font-size:9px; text-align:center; padding:20px 0; } .archive-panel { border:1px solid var(--line); background:var(--panel); border-radius:18px; overflow:hidden; } .archive-head { display:flex; justify-content:space-between; align-items:center; padding:15px 17px; border-bottom:1px solid var(--line); } .archive-head > div { display:grid; gap:3px; } .archive-head strong { font-size:12px; } .archive-head span { color:var(--muted); font-size:10px; } .archive-table { display:grid; } .archive-row { appearance:none; width:100%; display:grid; grid-template-columns:minmax(220px,1.4fr) 180px minmax(160px,1fr) 110px; gap:14px; align-items:center; min-height:58px; padding:10px 16px; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--text); text-align:left; cursor:pointer; } .archive-row:not(.archive-labels):hover { background:var(--panel-hover); } .archive-row span:first-child { display:grid; gap:2px; } .archive-row strong { font-size:11px; } .archive-row small, .archive-row span { color:var(--muted); font-size:10px; } .archive-row.archive-labels { min-height:36px; background:var(--bg-soft); cursor:default; font-weight:900; } .archive-row.archive-labels span { color:var(--text); font-size:9px; text-transform:uppercase; letter-spacing:.04em; } .archive-more-wrap { display:flex; justify-content:center; padding:14px; } .print-custom-range { margin-top:16px; padding:14px; border:1px dashed var(--line-strong); border-radius:14px; background:var(--bg-soft); } .print-options { display:grid; gap:10px; margin-top:18px; } .print-options > strong { font-size:11px; } .print-checks { display:flex; gap:10px; flex-wrap:wrap; } .print-checks label { display:flex; align-items:center; gap:7px; border:1px solid var(--line); border-radius:11px; padding:9px 11px; background:var(--bg-soft); color:var(--text); font-size:10px; font-weight:750; } .print-checks input { accent-color:var(--red-strong); } .print-sheet { display:none; } @media (max-width: 1050px) { .calendar-day { min-height:105px; padding:6px; } .calendar-event-chip { padding:5px; font-size:8px; } .archive-row { grid-template-columns:minmax(190px,1.3fr) 145px minmax(130px,1fr) 90px; } } @media (max-width: 760px) { .calendar-mode-tabs { overflow:auto; } .calendar-board-toolbar { grid-template-columns:1fr; justify-items:stretch; } .calendar-board-toolbar h2 { grid-row:1; } .calendar-nav,.calendar-range-toggle { justify-content:center; } .calendar-month { overflow:auto; } .calendar-weekdays,.calendar-month-grid { min-width:760px; } .calendar-week-grid { grid-template-columns:1fr; } .calendar-week-day { border-right:0; border-bottom:1px solid var(--line); } .calendar-week-day-head { text-align:left; display:flex; align-items:center; justify-content:space-between; } .archive-table { overflow:auto; } .archive-row { min-width:720px; } } @media print { /* v0.2.2.1 – Print Layout Hotfix: kompakt genug für A4 quer, auch bei 6 Kalenderwochen. */ @page { size:A4 landscape; margin:5mm; } html, body, #app { min-height:0 !important; height:auto !important; overflow:visible !important; background:#fff !important; } body { margin:0 !important; color:#111 !important; } #app > .app-shell, .modal-backdrop, #toast-root { display:none !important; } .print-sheet { display:block !important; width:100% !important; max-width:none !important; min-height:0 !important; height:auto !important; overflow:visible !important; color:#111; font-family:Arial,Helvetica,sans-serif; } .print-header { display:flex; justify-content:space-between; align-items:flex-end; border-bottom:1.5px solid #111; padding-bottom:2.5mm; margin-bottom:2.5mm; break-inside:avoid; page-break-inside:avoid; } .print-header span { font-size:6.5pt; font-weight:800; letter-spacing:.08em; } .print-header h1 { margin:.6mm 0 0; font-size:15pt; line-height:1; } .print-header > div:last-child { font-size:7pt; } .print-sheet-calendar .print-month-section { break-inside:avoid-page; page-break-inside:avoid; overflow:hidden; } .print-month-section { break-after:page; page-break-after:always; } .print-month-section:last-of-type { break-after:auto; page-break-after:auto; } .print-month-section h2 { margin:0 0 1.5mm; text-transform:capitalize; font-size:10pt; line-height:1.05; } .print-weekdays { border-top:1px solid #555; border-left:1px solid #555; } .print-weekdays b { border-right:1px solid #555; padding:1mm; text-align:center; font-size:7pt; line-height:1; background:#eee; } .print-month-grid { display:grid; grid-template-columns:repeat(7,1fr); grid-auto-rows:21mm; border-top:1px solid #777; border-left:1px solid #777; } .print-day { min-height:0; height:21mm; max-height:21mm; padding:.8mm 1mm; border-right:1px solid #777; border-bottom:1px solid #777; font-size:6pt; overflow:hidden; } .print-day.outside { color:#aaa; background:#f5f5f5; } .print-day > b { display:block; margin-bottom:.4mm; font-size:7pt; line-height:1; } .print-event { border-left:1.5px solid #555; padding-left:.8mm; margin:.45mm 0; line-height:1.05; overflow:hidden; } .print-event strong,.print-event span { display:block; font-size:5.3pt; line-height:1.08; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .print-event span { color:#444; } .print-training { border-left-color:#178a52; } .print-match { border-left-color:#d51f2d; } .print-sheet-list .print-header { margin-bottom:2mm; } .print-list { display:grid; border-top:1px solid #777; } .print-list-row { display:grid; grid-template-columns:39mm 1fr; gap:4mm; padding:2mm 1mm; border-bottom:1px solid #bbb; break-inside:avoid; page-break-inside:avoid; } .print-list-row > div { display:grid; gap:.35mm; align-content:start; } .print-list-row strong { font-size:8pt; line-height:1.05; } .print-list-row span { color:#333; font-size:7pt; line-height:1.1; } .print-sheet footer { margin-top:2.5mm; border-top:1px solid #aaa; padding-top:1.5mm; color:#555; font-size:6.5pt; text-align:right; break-inside:avoid; page-break-inside:avoid; } .print-sheet-calendar footer { position:fixed; left:0; right:0; bottom:0; margin:0; padding-top:1mm; background:#fff; } } /* v0.2.3 – Calendar Subscription / ICS */ .subscription-status { display:flex; align-items:flex-start; gap:12px; padding:15px 16px; border:1px solid var(--line); border-radius:16px; background:var(--bg-soft); margin-bottom:18px; } .subscription-status > div { display:grid; grid-template-columns:auto 1fr; column-gap:9px; align-items:center; width:100%; } .subscription-status .status-dot { grid-row:1 / span 2; } .subscription-status strong { font-size:14px; } .subscription-status p { grid-column:2; color:var(--muted); margin:4px 0 0; font-size:11px; line-height:1.55; } .subscription-status.active { border-color:rgba(50,210,128,.32); background:rgba(50,210,128,.06); } .subscription-link-block { margin-top:18px; display:grid; gap:8px; } .subscription-link-block > label { font-size:11px; color:var(--muted); font-weight:850; } .subscription-link-block > small { color:var(--muted); font-size:10px; line-height:1.45; } .subscription-url { display:grid; grid-template-columns:1fr auto; gap:8px; } .subscription-url input { min-width:0; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:10px; } .provider-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px; } .provider-grid > div { border:1px solid var(--line); border-radius:14px; background:var(--panel-strong); padding:14px; display:grid; gap:8px; align-content:start; } .provider-grid strong { font-size:12px; } .provider-grid span { color:var(--muted); font-size:10px; line-height:1.55; } .provider-grid .btn { justify-self:start; } .subscription-danger { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:18px; padding-top:16px; border-top:1px solid var(--line); } .subscription-danger span { color:var(--muted); font-size:9px; flex-basis:100%; } @media (max-width:760px) { .subscription-url { grid-template-columns:1fr; } .provider-grid { grid-template-columns:1fr; } } /* v0.3.0 – SSVB / SAMS Integration */ .team-hero-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; } .source-badge { display:inline-flex; align-items:center; border:1px solid rgba(50,210,128,.28); background:rgba(50,210,128,.08); color:var(--green); border-radius:999px; padding:3px 7px; font-size:8px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; } .sams-modal .modal-body { display:grid; gap:16px; } .sams-status-card { display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid var(--line); background:var(--bg-soft); border-radius:16px; padding:15px 16px; } .sams-status-card > div { display:grid; grid-template-columns:auto 1fr; column-gap:9px; align-items:center; min-width:0; } .sams-status-card .status-dot { grid-row:1 / span 2; } .sams-status-card strong { font-size:13px; } .sams-status-card p { grid-column:2; margin:3px 0 0; color:var(--muted); font-size:10px; overflow-wrap:anywhere; } .sams-status-card.connected { border-color:rgba(50,210,128,.32); background:rgba(50,210,128,.06); } .sams-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; } .sams-info-card { display:grid; gap:5px; border:1px solid var(--line); background:var(--panel-strong); border-radius:14px; padding:14px; } .sams-info-card > span { color:var(--muted); font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.05em; } .sams-info-card strong { font-size:12px; } .sams-info-card small { color:var(--muted); font-size:9px; overflow-wrap:anywhere; } .sams-setup-block { border:1px solid var(--line); background:var(--panel); border-radius:16px; padding:16px; } .sams-setup-block .section-head { margin-bottom:12px; } .sams-inline-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; } .sams-mapping-summary { line-height:1.55; } .sams-key-replace { border-top:1px solid var(--line); padding-top:14px; } .sams-key-replace summary { cursor:pointer; color:var(--muted); font-size:10px; font-weight:800; } .sams-key-replace form { display:grid; grid-template-columns:1fr auto; align-items:end; gap:10px; margin-top:12px; } .sams-official-callout { border-color:rgba(50,210,128,.26); background:rgba(50,210,128,.055); } .modal-foot-note { color:var(--muted); font-size:9px; line-height:1.4; margin-right:auto; max-width:65%; } .sams-modal select[size] { min-height:120px; padding:4px; } .sams-modal select[size] option { padding:7px 8px; border-radius:7px; } @media (max-width:760px) { .sams-grid { grid-template-columns:1fr; } .sams-key-replace form { grid-template-columns:1fr; } .modal-foot-note { max-width:100%; width:100%; } } /* v0.4.0 – Matchday / Spieltag */ .modal-xwide{width:min(1180px,calc(100vw - 36px));max-width:1180px} .matchday-entry{margin-top:16px;padding:16px 18px;border:1px solid rgba(255,55,67,.26);background:linear-gradient(135deg,rgba(255,55,67,.10),rgba(255,55,67,.03));border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:18px} .matchday-entry div{display:flex;flex-direction:column;gap:4px}.matchday-entry span{color:var(--muted);font-size:13px} .matchday-modal .modal-body{padding-top:18px}.matchday-hero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.matchday-hero>div,.matchday-readonly-plan>div{background:var(--panel-strong);border:1px solid var(--line);border-radius:14px;padding:14px}.matchday-hero span,.matchday-readonly-plan span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.matchday-hero strong{font-size:14px}.matchday-section{margin-top:24px}.matchday-section>.section-head{margin-bottom:12px}.matchday-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.matchday-plan-grid .field-span{grid-column:1/-1}.matchday-form-actions{display:flex;justify-content:flex-end;margin-top:14px}.matchday-readonly-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.matchday-readonly-plan .wide{grid-column:1/-1}.matchday-readonly-plan p{margin:0;white-space:pre-wrap;color:var(--text)} .matchday-roster{border:1px solid var(--line);border-radius:16px;overflow:hidden}.matchday-member{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.7fr) auto;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line)}.matchday-member:last-child{border-bottom:0}.matchday-member-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.matchday-nomination-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.btn-xs{padding:7px 9px;font-size:11px;min-height:30px}.matchday-nomination-actions .btn.active{border-color:rgba(54,211,153,.5);background:rgba(54,211,153,.14)}.matchday-nomination-actions .btn.active.danger{border-color:rgba(255,76,86,.5);background:rgba(255,76,86,.14)} .matchday-task-form{display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px;align-items:end;margin-bottom:12px}.matchday-task-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden}.matchday-task{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.matchday-task:last-child{border-bottom:0}.matchday-task.done .matchday-task-main strong{text-decoration:line-through;color:var(--muted)}.matchday-task-check{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--panel-strong);color:var(--text);font-weight:900;cursor:pointer}.matchday-task-check:disabled{opacity:.45;cursor:not-allowed}.matchday-task.done .matchday-task-check{background:rgba(54,211,153,.12);border-color:rgba(54,211,153,.35);color:#36d399}.matchday-task-main{display:flex;flex-direction:column;gap:3px}.matchday-task-main span{color:var(--muted);font-size:12px}.empty.compact{padding:22px;border:0;border-radius:0} @media(max-width:900px){.matchday-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.matchday-member{grid-template-columns:1fr}.matchday-nomination-actions{justify-content:flex-start}.matchday-task-form{grid-template-columns:1fr}.matchday-task{grid-template-columns:auto 1fr}.matchday-task>.status-pill,.matchday-task>.btn{grid-column:2}.matchday-plan-grid,.matchday-readonly-plan{grid-template-columns:1fr}.matchday-plan-grid .field-span,.matchday-readonly-plan .wide{grid-column:auto}} @media(max-width:620px){.matchday-hero{grid-template-columns:1fr}.matchday-entry{align-items:flex-start;flex-direction:column}.modal-xwide{width:calc(100vw - 18px)}} /* v0.4.0.1 – Match Creation UX */ .match-create-panel{margin-top:16px;padding:16px;border:1px solid rgba(255,55,67,.26);background:linear-gradient(135deg,rgba(255,55,67,.08),rgba(255,55,67,.02));border-radius:16px} .match-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.match-create-head div{display:flex;flex-direction:column;gap:4px}.match-create-head strong{font-size:15px}.match-create-head span{font-size:12px;color:var(--muted)} .match-create-details{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.match-create-details summary{cursor:pointer;font-weight:800;font-size:13px;color:var(--text);user-select:none}.match-create-details[open] summary{margin-bottom:12px} .match-create-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.match-create-detail-grid .field-span{grid-column:1/-1}.match-create-detail-grid textarea{min-height:78px} @media(max-width:760px){.match-create-detail-grid{grid-template-columns:1fr}.match-create-detail-grid .field-span{grid-column:auto}} /* v0.4.1 – Lineup & Venue Navigation */ .field-text-action{margin-top:7px;padding:0;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800;cursor:pointer;text-align:left}.field-text-action:hover{color:var(--text)} .maps-inline-link,.maps-route-link{display:inline-flex;align-items:center;gap:6px;margin-top:7px;color:var(--text);font-size:12px;font-weight:800;text-decoration:none}.maps-inline-link:hover,.maps-route-link:hover{text-decoration:underline}.matchday-location-card{display:flex;flex-direction:column;align-items:flex-start}.matchday-location-card .maps-route-link{color:var(--accent)} .lineup-section>.section-head{align-items:flex-start}.lineup-board{display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-template-areas:"net libero" "court libero";gap:12px}.lineup-net{grid-area:net;background:var(--panel-strong);border:1px solid var(--line);border-radius:14px 14px 6px 6px;padding:8px 12px;text-align:center;font-size:11px;font-weight:950;letter-spacing:.16em;color:var(--muted)}.lineup-court{grid-area:court;border:1px solid var(--line);border-radius:6px 6px 18px 18px;padding:14px;background:linear-gradient(180deg,rgba(255,55,67,.06),transparent)}.lineup-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lineup-row+.lineup-row{margin-top:10px}.lineup-libero{grid-area:libero}.lineup-libero .lineup-slot{height:100%}.lineup-slot{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:12px;min-height:105px;display:flex;flex-direction:column;gap:8px}.lineup-slot-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.lineup-slot-head strong{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,55,67,.12);color:var(--accent);font-size:14px}.lineup-slot-head span{color:var(--muted);font-size:11px;font-weight:800}.lineup-slot select{width:100%;min-width:0}.lineup-slot small,.lineup-person,.lineup-empty{color:var(--muted);font-size:11px}.lineup-person b{color:var(--text);font-size:12px}.lineup-bench{margin-top:12px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.lineup-bench-head{padding:12px 14px;background:var(--panel-strong);border-bottom:1px solid var(--line)}.lineup-bench-head>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.lineup-bench-head span{color:var(--muted);font-size:11px}.lineup-bench-list{display:flex;flex-direction:column}.lineup-bench-person{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border-bottom:1px solid var(--line)}.lineup-bench-person:last-child{border-bottom:0}.lineup-bench-person>div{display:flex;flex-direction:column;gap:2px}.lineup-bench-person span{color:var(--muted);font-size:11px}.lineup-bench-person .btn.active{border-color:rgba(54,211,153,.5);background:rgba(54,211,153,.14)}.lineup-unassigned{border-top:1px dashed var(--line);padding-top:10px}.lineup-unassigned>strong{display:block;padding:0 14px 8px;font-size:12px}.lineup-empty-state{border:1px solid var(--line)!important;border-radius:16px!important} @media(max-width:900px){.lineup-board{grid-template-columns:1fr;grid-template-areas:"net" "court" "libero"}.lineup-libero .lineup-slot{height:auto}.lineup-row{grid-template-columns:1fr}.lineup-bench-person{align-items:flex-start;flex-direction:column}} /* v0.4.2 – compact matchday lineup in event overview */ .event-lineup-preview{margin-top:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden} .event-lineup-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border-bottom:1px solid var(--line);background:var(--panel-strong)} .event-lineup-preview-head>div:first-child{display:flex;flex-direction:column;gap:2px}.event-lineup-preview-head strong{font-size:14px}.event-lineup-preview-head span{font-size:11px;color:var(--muted)} .event-lineup-preview-actions{display:flex;align-items:center;gap:8px;flex-shrink:0} .event-lineup-preview-body{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;padding:12px} .event-mini-court-wrap{min-width:0}.event-mini-net{text-align:center;padding:5px 8px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:var(--panel-strong);font-size:9px;font-weight:950;letter-spacing:.16em;color:var(--muted)} .event-mini-court{padding:8px;border:1px solid var(--line);border-radius:0 0 14px 14px;background:linear-gradient(180deg,rgba(255,55,67,.07),rgba(255,55,67,.015))} .event-mini-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.event-mini-row+.event-mini-row{margin-top:7px} .event-lineup-cell{position:relative;min-width:0;min-height:64px;padding:8px 7px 7px;border:1px dashed var(--line);border-radius:11px;background:var(--panel);display:flex;flex-direction:column;justify-content:center;gap:1px;text-align:center} .event-lineup-cell.occupied{border-style:solid;border-color:rgba(255,55,67,.32);background:rgba(255,55,67,.055)} .event-lineup-number{position:absolute;top:5px;left:6px;display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:rgba(255,55,67,.12);color:var(--accent);font-size:10px;font-weight:950} .event-lineup-cell strong{padding:9px 2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.event-lineup-cell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px} .event-lineup-side{display:grid;grid-template-rows:1fr 1fr;gap:8px}.event-lineup-side-card{min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel-strong);display:flex;flex-direction:column;gap:3px;justify-content:center}.event-lineup-side-card span{color:var(--muted);font-size:10px;font-weight:800}.event-lineup-side-card strong{font-size:11px;line-height:1.35;overflow-wrap:anywhere}.event-lineup-side-card small{color:var(--muted);font-size:9px} @media(max-width:760px){.event-lineup-preview-head{align-items:flex-start;flex-direction:column}.event-lineup-preview-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.event-lineup-preview-body{grid-template-columns:1fr}.event-lineup-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.event-lineup-cell{min-height:58px}.event-lineup-cell strong{font-size:10px}} /* v0.4.3 – Matchday Logistics & Reminders */ .matchday-group-create{margin-bottom:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel-strong);padding:12px 14px}.matchday-group-create summary{cursor:pointer;font-size:12px;font-weight:900}.matchday-group-create[open] summary{margin-bottom:14px}.matchday-group-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.matchday-group-form .field-span{grid-column:1/-1}.matchday-group-form textarea{min-height:70px}.matchday-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.matchday-group-card{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:14px;display:flex;flex-direction:column;gap:11px}.matchday-group-card.carpool{border-color:rgba(54,211,153,.24);background:linear-gradient(135deg,rgba(54,211,153,.055),var(--panel))}.matchday-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.matchday-group-head>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.matchday-group-head strong{font-size:14px}.matchday-group-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;color:var(--muted);font-size:11px}.matchday-group-meta .wide{grid-column:1/-1}.matchday-group-meta b{color:var(--text)}.matchday-group-members{display:flex;flex-wrap:wrap;gap:6px}.matchday-group-member{display:inline-flex;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel-strong);font-size:10px;font-weight:800}.muted-inline{color:var(--muted);font-size:11px}.matchday-group-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end;margin-top:auto} .matchday-task-tools{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.matchday-task-presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.matchday-task-presets>span{color:var(--muted);font-size:10px;font-weight:850;margin-right:2px}.matchday-task-tools .matchday-task-form{grid-template-columns:1.3fr 1fr 1fr;align-items:end}.matchday-task-tools .matchday-task-form .field-span{grid-column:1/3}.matchday-task-tools .matchday-task-form>button{grid-column:3;align-self:end}.matchday-task-main span{line-height:1.45} .matchday-reminder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.matchday-reminder-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--panel);cursor:pointer}.matchday-reminder-card.active{border-color:rgba(255,55,67,.32);background:rgba(255,55,67,.055)}.matchday-reminder-card input{accent-color:var(--accent)}.matchday-reminder-card>span{display:flex;flex-direction:column;gap:3px}.matchday-reminder-card strong{font-size:12px}.matchday-reminder-card small{color:var(--muted);font-size:10px}.matchday-reminder-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.matchday-reminder-foot>span{color:var(--muted);font-size:10px;line-height:1.45} @media(max-width:900px){.matchday-group-list{grid-template-columns:1fr}.matchday-task-tools .matchday-task-form{grid-template-columns:1fr}.matchday-task-tools .matchday-task-form .field-span,.matchday-task-tools .matchday-task-form>button{grid-column:auto}.matchday-reminder-grid{grid-template-columns:1fr}.matchday-reminder-foot{align-items:flex-start;flex-direction:column}.matchday-group-form{grid-template-columns:1fr}.matchday-group-form .field-span{grid-column:auto}} /* v0.4.3.1 – Fahrgemeinschaften & Gruppen UX Hotfix */ .matchday-static-field{min-height:46px;display:flex;align-items:center;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:12px;font-weight:850}.matchday-group-form small{display:block;color:var(--muted);font-size:9px;line-height:1.4;margin-top:5px}.matchday-group-member-title{font-size:10px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.matchday-driver-self{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:rgba(54,211,153,.1);border:1px solid rgba(54,211,153,.3);color:var(--success);font-size:10px;font-weight:900}.matchday-carpool-manage{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:9px;border:1px dashed var(--line);border-radius:12px;background:var(--panel-strong)}.matchday-carpool-manage select{min-height:34px;font-size:10px}.matchday-carpool-manage .btn{white-space:nowrap} @media(max-width:700px){.matchday-carpool-manage{grid-template-columns:1fr}.matchday-carpool-manage .btn{width:100%}} /* v0.5.0 – Communication Foundation */ .nav-count{margin-left:auto;color:var(--muted);min-width:22px;text-align:center}.nav-count.has-unread{background:var(--red);color:#fff;border-radius:999px;padding:2px 7px;font-weight:800} .communication-hero{align-items:flex-end}.communication-team-select{min-width:min(420px,42vw);margin:0}.communication-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}.communication-main{min-width:0}.communication-side{display:grid;gap:18px;position:sticky;top:84px}.communication-panel,.communication-compose{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:20px}.announcement-compose{border-color:rgba(242,48,61,.28);background:linear-gradient(135deg,rgba(242,48,61,.07),transparent 55%)}.communication-compose textarea{min-height:90px}.communication-chat-compose{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.communication-chat-compose textarea{min-height:70px}.communication-feed{display:grid;gap:14px}.communication-post{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:18px}.communication-post.announcement{border-color:rgba(242,48,61,.28);box-shadow:inset 4px 0 0 var(--red)}.communication-post-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.communication-post-head h3{margin:7px 0 0}.communication-kind{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-soft);color:var(--muted)}.communication-kind.announcement{background:rgba(242,48,61,.1);color:var(--red)}.communication-post-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;flex-wrap:wrap;justify-content:flex-end}.communication-post>p{margin:14px 0 0;line-height:1.55}.icon-delete{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:999px;width:28px;height:28px;cursor:pointer}.icon-delete:hover{color:var(--red);border-color:rgba(242,48,61,.35)}.communication-empty{padding:42px 18px} .notification-list{display:grid;gap:9px;max-height:520px;overflow:auto}.notification-card{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:12px;display:grid;grid-template-columns:8px 1fr;gap:10px;text-align:left;color:inherit;cursor:pointer}.notification-card.unread{border-color:rgba(242,48,61,.3);background:rgba(242,48,61,.05)}.notification-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);margin-top:7px}.notification-card.unread .notification-dot{background:var(--red);box-shadow:0 0 0 4px rgba(242,48,61,.08)}.notification-card strong{display:block}.notification-card p{margin:3px 0;color:var(--muted);font-size:12px;line-height:1.35}.notification-card small{color:var(--muted);font-size:11px}.notification-settings{display:grid;gap:12px}.notification-settings>label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);padding:11px;border-radius:13px}.notification-settings>label span{display:grid;gap:2px}.notification-settings>label small{color:var(--muted);line-height:1.3}.notification-settings>label.disabled{opacity:.55}.notification-topics{border-top:1px solid var(--border);padding-top:12px;display:grid;gap:8px}.notification-topics>label{font-size:13px;color:var(--text)} .event-comments{margin-top:20px;border:1px solid var(--border);border-radius:18px;padding:16px;background:var(--surface)}.event-comment-list{display:grid;gap:9px}.event-comment{background:var(--surface-2);border:1px solid var(--border);border-radius:13px;padding:12px}.event-comment-head{display:flex;gap:9px;align-items:center}.event-comment-head span{color:var(--muted);font-size:11px}.event-comment-head .icon-delete{margin-left:auto}.event-comment p{margin:6px 0 0;line-height:1.45}.event-comment-compose{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:12px}.event-comment-compose input{min-width:0} @media(max-width:1100px){.communication-layout{grid-template-columns:1fr}.communication-side{position:static;grid-template-columns:1fr 1fr}.communication-team-select{min-width:0;width:100%}}@media(max-width:760px){.communication-side{grid-template-columns:1fr}.communication-chat-compose,.event-comment-compose{grid-template-columns:1fr}.communication-post-head{display:grid}.communication-post-meta{justify-content:flex-start}} /* v0.5.0.1 – Team Access & Dashboard Chat Hotfix */ .dashboard-chat-section{margin-top:24px} .dashboard-chat-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;overflow:hidden} .dashboard-chat-list{display:grid;gap:0} .dashboard-chat-message{padding:13px 15px;border-bottom:1px solid var(--border);background:var(--surface)} .dashboard-chat-message:last-child{border-bottom:0} .dashboard-chat-message-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px} .dashboard-chat-message-head strong{font-size:12px} .dashboard-chat-message-head span{color:var(--muted);font-size:10px} .dashboard-chat-message p{margin:0;font-size:12px;line-height:1.45;color:var(--text)} .dashboard-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;border-top:1px solid var(--border);background:var(--surface-2)} .dashboard-chat-compose input{min-width:0} @media(max-width:700px){.dashboard-chat-compose{grid-template-columns:1fr}.dashboard-chat-compose .btn{width:100%}.dashboard-chat-message-head{align-items:flex-start;flex-direction:column;gap:3px}} /* v0.5.1 – Notification Deep Links & Communication UX */ .notification-card{position:relative;padding:0;grid-template-columns:1fr auto;overflow:hidden} .notification-open{appearance:none;border:0;background:transparent;color:inherit;width:100%;padding:12px;display:grid;grid-template-columns:8px 1fr;gap:10px;text-align:left;cursor:pointer;min-width:0} .notification-open:hover{background:rgba(255,255,255,.025)} [data-theme="light"] .notification-open:hover{background:rgba(17,24,39,.025)} .notification-copy{min-width:0} .notification-state{align-self:stretch;width:38px;border:0;border-left:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-weight:900} .notification-state:hover{color:var(--red);background:rgba(242,48,61,.05)} .notification-focus{animation:notificationFocus 2.2s ease-out} @keyframes notificationFocus{0%{box-shadow:0 0 0 3px rgba(242,48,61,.38),0 0 28px rgba(242,48,61,.18)}100%{box-shadow:none}} .notification-card.unread .notification-state{color:var(--red)} @media(max-width:760px){.notification-card{grid-template-columns:minmax(0,1fr) 42px}.notification-state{width:42px}.notification-open{padding:12px 10px}} /* v0.5.1.2 – Team Page Priority UX Hotfix */ .text-ok { color:var(--success); } .text-warn { color:var(--danger); } /* v0.6.3.2 Dashboard Visual Polish */ .dashboard-content{max-width:1380px} .dashboard-hero{padding-bottom:4px;align-items:end}.dashboard-hero h1{font-size:clamp(2rem,4vw,3.6rem);margin-bottom:8px}.dashboard-hero .lead{max-width:620px;margin:0} .dashboard-metrics{margin:12px 0 20px}.metric-compact{padding:14px 16px;min-height:96px}.metric-compact .metric-value{font-size:1.65rem;margin-top:8px}.metric-compact .metric-head{font-size:.78rem}.metric-compact .metric-note{display:none} .dashboard-important{border:1px solid var(--border);background:var(--panel);border-radius:20px;padding:18px 20px;margin:0 0 24px;box-shadow:var(--shadow-soft)}.dashboard-important.all-clear{border-color:rgba(34,197,94,.28)}.dashboard-important .section-head{margin-bottom:10px}.dashboard-important .section-head h2{font-size:1.15rem;margin:2px 0 0}.dashboard-important>p{margin:0;color:var(--muted)} .dashboard-important-list{display:grid;gap:8px}.dashboard-important-row{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;padding:10px 12px;cursor:pointer}.dashboard-important-row:hover{border-color:var(--border-strong);transform:translateY(-1px)}.dashboard-important-row span:nth-child(2){display:grid;gap:2px}.dashboard-important-row small{color:var(--muted)}.dashboard-important-row b{color:var(--muted)}.dashboard-important-icon{width:38px;height:38px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;font-weight:900}.dashboard-important-row.danger .dashboard-important-icon{color:var(--accent);background:rgba(239,68,68,.10)}.dashboard-important-row.info .dashboard-important-icon{color:#3b82f6;background:rgba(59,130,246,.10)} .dashboard-events{margin-top:0}.dashboard-events .event-list{gap:9px}.dashboard-events .event-card{padding:12px 14px} .dashboard-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.dashboard-summary-card{border:1px solid var(--border);background:var(--panel);border-radius:20px;padding:18px 20px;box-shadow:var(--shadow-soft);display:grid;gap:14px}.dashboard-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dashboard-summary-head h2{margin:3px 0 0;font-size:1.35rem}.dashboard-status-dot{width:11px;height:11px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.10)}.dashboard-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dashboard-summary-stats>div{display:grid;gap:3px;padding:10px;background:var(--surface-2);border-radius:12px}.dashboard-summary-stats span{font-size:.72rem;color:var(--muted)}.dashboard-summary-stats strong{font-size:.98rem}.dashboard-team-list{display:grid;gap:8px}.dashboard-team-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:0;background:transparent;color:var(--text);padding:8px;border-radius:12px;cursor:pointer}.dashboard-team-row:hover{background:var(--surface-2)}.dashboard-team-row>span:nth-child(2){display:grid;gap:2px}.dashboard-team-row small{color:var(--muted)}.dashboard-team-row b{color:var(--muted)} .dashboard-chat-section{margin-top:8px}.dashboard-chat-message{padding:11px 14px}.dashboard-integrations{margin-top:18px;opacity:.9} @media(max-width:900px){.dashboard-summary-grid{grid-template-columns:1fr}.dashboard-summary-stats{grid-template-columns:repeat(3,1fr)}} @media(max-width:620px){.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-summary-stats{grid-template-columns:1fr}.dashboard-important{padding:15px}.dashboard-important-row{grid-template-columns:34px minmax(0,1fr) auto}} /* v0.6.3.2 Dashboard Visual Polish */ .dashboard-content{max-width:1280px;width:100%;padding-top:clamp(30px,3.4vw,46px);padding-bottom:54px} .dashboard-hero{margin-bottom:22px}.dashboard-hero h1{font-size:clamp(2.35rem,4vw,3.45rem);letter-spacing:-.045em}.dashboard-hero .lead{font-size:.98rem;line-height:1.55} .dashboard-metrics{gap:16px;margin:14px 0 22px}.metric-compact{min-height:108px;padding:17px 18px}.metric-compact .metric-value{font-size:2rem;margin-top:10px} .dashboard-important{padding:21px 22px;margin-bottom:28px}.dashboard-important .section-head h2{font-size:1.28rem}.dashboard-important-list{gap:10px}.dashboard-important-row{grid-template-columns:44px minmax(0,1fr) auto;gap:14px;padding:13px 14px;border-radius:16px}.dashboard-important-icon{width:44px;height:44px;border-radius:14px}.dashboard-important-category{display:block;color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1px}.dashboard-important-row strong{font-size:.98rem}.dashboard-important-row small{font-size:.78rem} .dashboard-events .section-head{margin-bottom:15px}.dashboard-events .event-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-events .event-card{grid-template-columns:58px minmax(0,1fr);grid-template-areas:"date main" "date side";gap:8px 14px;align-items:start;padding:17px 18px;min-height:164px;border-radius:20px}.dashboard-events .event-date{grid-area:date}.dashboard-events .event-main{grid-area:main}.dashboard-events .event-main h3{font-size:1.05rem;margin:7px 0 5px}.dashboard-events .event-main p{line-height:1.45}.dashboard-events .event-side{grid-area:side;justify-self:start;align-self:end}.dashboard-events .event-counts{margin-top:10px} .dashboard-summary-grid{gap:18px;margin:28px 0}.dashboard-summary-card{padding:22px 22px;border-radius:22px;gap:16px}.dashboard-summary-head h2{font-size:1.5rem}.dashboard-summary-stats{gap:10px}.dashboard-summary-stats>div{padding:12px 13px}.dashboard-summary-stats span{font-size:.75rem}.dashboard-summary-stats strong{font-size:1.05rem} .dashboard-chat-section{margin-top:12px}.dashboard-chat-card{border:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible}.dashboard-chat-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashboard-chat-message{border:1px solid var(--border)!important;border-radius:17px;background:var(--panel);padding:16px 17px!important;min-height:126px;box-shadow:var(--shadow-soft)}.dashboard-chat-message:last-child{border-bottom:1px solid var(--border)!important}.dashboard-chat-message-head{align-items:flex-start;margin-bottom:10px}.dashboard-chat-message-head strong{font-size:.84rem}.dashboard-chat-message-head span{font-size:.7rem}.dashboard-chat-message p{font-size:.86rem;line-height:1.55;color:var(--text)} .dashboard-integrations{margin-top:28px;opacity:.84} @media(max-width:1100px){.dashboard-events .event-list{grid-template-columns:1fr}.dashboard-chat-list{grid-template-columns:1fr 1fr}.dashboard-content{max-width:100%}} @media(max-width:760px){.dashboard-chat-list{grid-template-columns:1fr}.dashboard-events .event-card{min-height:0}} /* v0.6.4 Dashboard Completion & Professional UI */ .dashboard-professional{max-width:1360px;width:100%;padding-top:34px;padding-bottom:56px} .dashboard-professional .dashboard-hero{margin-bottom:18px;align-items:flex-start} .dashboard-professional .dashboard-hero h1{font-size:clamp(2.4rem,4.4vw,3.75rem);letter-spacing:-.055em;line-height:.98;margin:8px 0 9px} .dashboard-professional .dashboard-hero .lead{font-size:.98rem;max-width:680px;color:var(--muted)} .dashboard-professional .dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px} .dashboard-metric{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:18px;padding:17px 18px;box-shadow:0 10px 28px rgba(15,23,42,.05)} .dashboard-metric-copy{min-width:0}.dashboard-metric .metric-head{font-size:.7rem}.dashboard-metric .metric-value{font-size:2rem;margin-top:8px} .dashboard-metric-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:1.05rem;font-weight:900;flex:0 0 auto;border:1px solid transparent} .dashboard-metric-icon.tone-slate{color:#64748b;background:rgba(100,116,139,.10);border-color:rgba(100,116,139,.12)} .dashboard-metric-icon.tone-red{color:#ef4444;background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.13)} .dashboard-metric-icon.tone-green{color:#16a34a;background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.13)} .dashboard-metric-icon.tone-blue{color:#2563eb;background:rgba(59,130,246,.10);border-color:rgba(59,130,246,.13)} .dashboard-focus-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:16px;margin-bottom:18px} .dashboard-focus-card{border:1px solid var(--border);background:var(--panel);border-radius:21px;padding:19px 20px;box-shadow:0 12px 32px rgba(15,23,42,.055);min-width:0} .dashboard-focus-card .section-head{margin-bottom:12px}.dashboard-card-head h2{font-size:1.16rem;margin:3px 0 0;letter-spacing:-.02em} .dashboard-count-badge,.dashboard-unread-badge,.dashboard-ok-badge{display:inline-flex;align-items:center;justify-content:center;min-height:25px;border-radius:999px;padding:0 9px;font-size:.68rem;font-weight:900;white-space:nowrap} .dashboard-count-badge,.dashboard-unread-badge{color:#dc2626;background:rgba(239,68,68,.10);border:1px solid rgba(239,68,68,.14)} .dashboard-ok-badge{color:#15803d;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.14)} .dashboard-important{margin:0;background:linear-gradient(145deg,rgba(239,68,68,.045),var(--panel) 42%)} .dashboard-important.all-clear{background:linear-gradient(145deg,rgba(34,197,94,.035),var(--panel) 44%)} .dashboard-important-list{gap:9px}.dashboard-important-row{padding:11px 12px;border-radius:15px;background:var(--surface);border-color:var(--border);box-shadow:none} .dashboard-important-row:hover{background:var(--panel-hover);border-color:var(--border-strong);transform:none} .dashboard-important-icon{width:40px;height:40px;border-radius:13px}.dashboard-important-category{font-size:.63rem}.dashboard-important-row strong{font-size:.9rem}.dashboard-important-row small{font-size:.72rem}.dashboard-important-row b{font-size:.82rem} .dashboard-text-link{border:0;background:transparent;color:var(--red-strong);padding:0;font-size:.72rem;font-weight:850;cursor:pointer;white-space:nowrap}.dashboard-text-link:hover{text-decoration:underline} .dashboard-next-list{display:grid;gap:9px}.dashboard-next-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;text-align:left;padding:11px 12px;border:1px solid var(--border);border-radius:15px;background:var(--surface);color:var(--text);cursor:pointer}.dashboard-next-row:hover{border-color:var(--border-strong);background:var(--panel-hover)} .dashboard-next-date{width:48px;height:48px;border-radius:14px;background:var(--red-soft);color:var(--red-strong);display:grid;place-items:center;align-content:center;text-align:center}.dashboard-next-date small{font-size:.58rem;font-weight:900;letter-spacing:.08em}.dashboard-next-date strong{font-size:1.18rem;line-height:1.05} .dashboard-next-main{display:grid;gap:3px;min-width:0}.dashboard-next-main>.event-type{width:max-content;margin:0;font-size:.58rem;padding:3px 7px}.dashboard-next-main>strong{font-size:.9rem}.dashboard-next-main>small{font-size:.71rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dashboard-next-empty{display:flex;align-items:center;gap:12px;padding:19px;border:1px dashed var(--border-strong);border-radius:15px;color:var(--muted)}.dashboard-next-empty>span{width:40px;height:40px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center}.dashboard-next-empty div{display:grid;gap:3px}.dashboard-next-empty strong{color:var(--text);font-size:.86rem}.dashboard-next-empty small{font-size:.72rem} .dashboard-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px} .dashboard-summary-card{padding:18px 19px;border-radius:20px;gap:12px;box-shadow:0 12px 32px rgba(15,23,42,.055);min-height:248px;align-content:start} .dashboard-summary-head{min-height:56px}.dashboard-summary-head h2{font-size:1.28rem;margin:8px 0 0;letter-spacing:-.025em}.dashboard-summary-label{display:flex;align-items:center;gap:7px;color:var(--red-strong);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.dashboard-summary-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(239,68,68,.08);font-size:.74rem} .dashboard-summary-stats{gap:8px}.dashboard-summary-stats>div{padding:10px 11px;border:1px solid var(--border);background:var(--surface);border-radius:11px}.dashboard-summary-stats span{font-size:.66rem}.dashboard-summary-stats strong{font-size:.9rem} .dashboard-card-action{margin-top:auto;width:100%;justify-content:center;border-radius:11px;background:var(--surface)} .dashboard-role-chips{display:flex;gap:6px;flex-wrap:wrap}.dashboard-role-chips span{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:4px 8px;color:var(--muted);font-size:.62rem;font-weight:800} .dashboard-team-list{gap:5px}.dashboard-team-row{padding:7px 5px;grid-template-columns:34px minmax(0,1fr) auto}.dashboard-team-row .team-symbol{width:34px;height:34px;border-radius:11px}.dashboard-team-row strong{font-size:.82rem}.dashboard-team-row small{font-size:.66rem;line-height:1.35} .dashboard-chat-section{margin-top:0}.dashboard-chat-section .dashboard-chat-card{display:block}.dashboard-chat-section .dashboard-chat-list{display:grid;grid-template-columns:1fr;gap:0}.dashboard-chat-section .dashboard-chat-message{min-height:auto;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0;background:transparent;padding:8px 0!important;box-shadow:none}.dashboard-chat-section .dashboard-chat-message:first-child{padding-top:1px!important}.dashboard-chat-section .dashboard-chat-message:last-child{border-bottom:0!important;padding-bottom:1px!important}.dashboard-chat-section .dashboard-chat-message-head{margin-bottom:3px;gap:8px}.dashboard-chat-section .dashboard-chat-message-head strong{font-size:.72rem}.dashboard-chat-section .dashboard-chat-message-head span{font-size:.59rem}.dashboard-chat-section .dashboard-chat-message p{font-size:.69rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden} .dashboard-integrations{margin-top:0;opacity:1}.dashboard-integrations .section-head{margin-bottom:10px}.dashboard-integrations .section-head h2{font-size:1.15rem}.dashboard-integrations .integration-row{gap:12px}.dashboard-integrations .integration-card{padding:14px 15px;border-radius:16px;box-shadow:0 9px 24px rgba(15,23,42,.035)} .dashboard-professional~*{} /* shared shell polish introduced with the finished dashboard */ .sidebar{gap:22px;padding:20px 15px}.side-nav{gap:5px}.nav-item{min-height:42px;border-radius:11px;padding:0 12px;font-size:.79rem}.nav-item.active{box-shadow:inset 3px 0 0 var(--red-strong)}.user-chip{padding:9px 10px;border-radius:13px}.side-foot .btn{min-height:38px}.topbar{min-height:70px}.top-title strong{font-size:.88rem}.top-title small{font-size:.64rem}.top-actions .btn{min-height:34px} @media(max-width:1180px){.dashboard-focus-grid{grid-template-columns:1fr}.dashboard-summary-grid{grid-template-columns:1fr 1fr}.dashboard-chat-section{grid-column:1/-1;min-height:0}.dashboard-chat-section .dashboard-chat-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-chat-section .dashboard-chat-message{border:1px solid var(--border)!important;border-radius:12px!important;padding:10px!important}} @media(max-width:900px){.dashboard-professional .dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-summary-grid{grid-template-columns:1fr}.dashboard-chat-section{grid-column:auto}.dashboard-chat-section .dashboard-chat-list{grid-template-columns:1fr}.dashboard-next-row{grid-template-columns:44px minmax(0,1fr) auto}.dashboard-summary-card{min-height:auto}} @media(max-width:620px){.dashboard-professional{padding-top:20px}.dashboard-professional .dashboard-metrics{grid-template-columns:1fr 1fr;gap:10px}.dashboard-metric{min-height:88px;padding:13px}.dashboard-metric-icon{width:36px;height:36px}.dashboard-metric .metric-value{font-size:1.55rem}.dashboard-focus-card{padding:15px}.dashboard-next-row{grid-template-columns:42px minmax(0,1fr)}.dashboard-next-row>.status-pill{grid-column:2;justify-self:start}.dashboard-next-main>small{white-space:normal}.dashboard-summary-stats{grid-template-columns:repeat(3,1fr)}.dashboard-integrations .integration-row{grid-template-columns:1fr}.topbar .top-actions .btn:not(.btn-primary){display:none}} /* v0.6.5.2 Settings Navigation & UX Polish */ .nav-settings{width:100%;justify-content:flex-start;border:1px solid transparent;background:transparent}.nav-settings.active{background:var(--red-soft);color:var(--text);box-shadow:inset 3px 0 0 var(--red-strong)} .settings-content{max-width:1360px;width:100%;padding-top:34px;padding-bottom:56px}.settings-hero{align-items:end;margin-bottom:22px}.settings-hero h1{font-size:clamp(2.35rem,4vw,3.55rem);letter-spacing:-.05em;margin:6px 0 8px}.settings-hero .lead{max-width:760px}.settings-team-select{min-width:min(100%,360px)} .settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.settings-card{border:1px solid var(--border);background:var(--panel);border-radius:20px;padding:20px;box-shadow:0 12px 32px rgba(15,23,42,.045);margin-bottom:16px}.settings-card .section-head{margin-bottom:14px}.settings-card .section-head h2{font-size:1.2rem;margin:3px 0 0;letter-spacing:-.02em}.settings-card .section-head p{margin-top:4px}.settings-account{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.settings-user{padding:0;background:transparent;border:0}.settings-theme{display:grid;gap:7px;justify-items:end}.settings-theme>span{font-size:.7rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.segmented{display:flex;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);gap:4px}.segmented .btn{border:0;background:transparent;box-shadow:none}.segmented .btn.active{background:var(--surface);color:var(--text);box-shadow:0 3px 9px rgba(15,23,42,.08)} .settings-calendar-status,.settings-integration-status{display:flex;align-items:center;gap:11px;border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:14px}.settings-calendar-status.connected,.settings-integration-status.connected{border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.05)}.settings-calendar-status .status-dot,.settings-integration-status .status-dot{flex:0 0 auto}.settings-calendar-status>div,.settings-integration-status>div{display:grid;gap:3px}.settings-calendar-status small,.settings-integration-status small{color:var(--muted);line-height:1.35} .settings-notifications{padding-bottom:22px}.settings-notification-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.settings-notification-form>.notification-topics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border-top:1px solid var(--border);padding-top:14px}.settings-notification-form>.notification-topics>strong{grid-column:1/-1}.settings-notification-form>.notification-topics>label{padding:10px 11px;border:1px solid var(--border);background:var(--surface);border-radius:12px}.settings-notification-form>button{grid-column:1/-1;justify-self:start} .settings-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:30px 0 14px}.settings-section-head h2{font-size:1.5rem;margin:3px 0}.settings-section-head p{margin:0;color:var(--muted)}.settings-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.settings-facts>div{display:grid;gap:4px;padding:12px 13px;border:1px solid var(--border);background:var(--surface);border-radius:13px}.settings-facts span{font-size:.68rem;color:var(--muted);font-weight:750}.settings-facts strong{font-size:.88rem} .settings-member-list{display:grid;border:1px solid var(--border);border-radius:15px;overflow:hidden}.settings-member-row{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(220px,1fr) auto auto;gap:14px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.settings-member-row:last-child{border-bottom:0}.settings-member-row .role-tags{margin:0}.settings-member-roles{min-width:0}.settings-scope-note{background:var(--surface-2);box-shadow:none;border-style:dashed}.settings-scope-note .section-head{margin:0}.settings-scope-note h2{font-size:1rem!important}.settings-scope-note p{max-width:980px} @media(max-width:1100px){.settings-grid{grid-template-columns:1fr}.settings-notification-form{grid-template-columns:1fr}.settings-notification-form>.notification-topics{grid-template-columns:1fr 1fr}.settings-member-row{grid-template-columns:1fr auto}.settings-member-roles{grid-column:1/-1}.settings-member-row>.status-pill{justify-self:start}} @media(max-width:760px){.settings-content{padding-top:20px}.settings-hero{align-items:start}.settings-team-select{min-width:0;width:100%}.settings-account{grid-template-columns:1fr}.settings-theme{justify-items:start}.settings-notification-form>.notification-topics{grid-template-columns:1fr}.settings-facts{grid-template-columns:1fr 1fr}.settings-section-head{align-items:flex-start;flex-direction:column}.settings-actions{width:100%}.settings-actions .btn{flex:1}.settings-member-row{grid-template-columns:1fr}.settings-member-roles{grid-column:auto}.settings-member-row>.status-pill{justify-self:start}} @media(max-width:520px){.settings-facts{grid-template-columns:1fr}.settings-card{padding:16px}.settings-actions{display:grid;grid-template-columns:1fr}.settings-member-row{padding:11px}} /* v0.6.5.2 Settings Navigation & UX Polish */ .settings-content-v2{max-width:1320px;padding-top:34px;padding-bottom:64px} .settings-hero-v2{align-items:end;margin-bottom:18px}.settings-hero-v2 h1{font-size:clamp(2.3rem,4vw,3.35rem);letter-spacing:-.05em;margin:6px 0 8px}.settings-hero-v2 .lead{max-width:720px} .settings-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start} .settings-menu{position:sticky;top:86px;border:1px solid var(--border);background:var(--panel);border-radius:20px;padding:10px;box-shadow:0 12px 32px rgba(15,23,42,.045);display:grid;gap:14px} .settings-menu-group{display:grid;gap:4px}.settings-menu-label{padding:8px 10px 5px;font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)} .settings-menu-item{border:0;background:transparent;color:var(--text);border-radius:13px;padding:10px 11px;text-align:left;display:grid;gap:2px;cursor:pointer;transition:.16s ease}.settings-menu-item:hover{background:var(--surface-2)}.settings-menu-item.active{background:var(--red-soft);box-shadow:inset 3px 0 0 var(--red-strong)}.settings-menu-item span{font-weight:780;font-size:.87rem}.settings-menu-item small{color:var(--muted);font-size:.7rem;line-height:1.3}.settings-menu-item.active small{color:var(--text-soft)} .settings-menu-hint{border-top:1px solid var(--border);padding:11px 10px 5px;color:var(--muted);font-size:.72rem;line-height:1.45} .settings-pane{min-width:0}.settings-panel{border:1px solid var(--border);background:var(--panel);border-radius:20px;padding:24px;box-shadow:0 12px 32px rgba(15,23,42,.045);min-height:430px} .settings-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border)}.settings-panel-head h2{font-size:1.65rem;letter-spacing:-.035em;margin:4px 0 5px}.settings-panel-head p{margin:0;color:var(--muted);max-width:720px} .settings-profile-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:16px}.settings-block{margin-top:16px;border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-block h3,.settings-action-card h3{margin:0 0 3px;font-size:1rem}.settings-block p,.settings-action-card p{margin:0;color:var(--muted);font-size:.8rem}.settings-theme-segment{flex:0 0 auto} .settings-status-card{max-width:760px;padding:18px;border-radius:16px}.settings-panel .settings-notification-form{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2px}.settings-panel .settings-notification-form>.notification-topics{grid-template-columns:repeat(2,minmax(0,1fr))} .settings-panel .settings-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-panel .settings-facts>div{padding:15px;border-radius:15px}.settings-panel .settings-facts span{font-size:.7rem}.settings-panel .settings-facts strong{font-size:.95rem} .settings-panel .settings-member-list{border-radius:16px}.settings-panel .settings-member-row{grid-template-columns:minmax(200px,1.2fr) minmax(220px,1fr) auto auto;padding:14px 15px} .settings-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-action-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:17px;display:grid;gap:18px;align-content:space-between;min-height:150px}.settings-action-card .btn{justify-self:start} @media(max-width:1050px){.settings-workspace{grid-template-columns:210px minmax(0,1fr)}.settings-panel .settings-notification-form{grid-template-columns:1fr}.settings-panel .settings-member-row{grid-template-columns:1fr auto}.settings-panel .settings-member-roles{grid-column:1/-1}} @media(max-width:820px){.settings-workspace{grid-template-columns:1fr}.settings-menu{position:static;display:flex;overflow:auto;gap:6px;padding:8px}.settings-menu-group{display:contents}.settings-menu-label,.settings-menu-hint{display:none}.settings-menu-item{min-width:max-content;padding:9px 12px}.settings-menu-item small{display:none}.settings-menu-item.active{box-shadow:inset 0 -3px 0 var(--red-strong)}.settings-panel{min-height:0;padding:19px}.settings-panel .settings-facts{grid-template-columns:1fr}.settings-action-grid{grid-template-columns:1fr}.settings-panel-head{align-items:flex-start;flex-direction:column}.settings-block{align-items:flex-start;flex-direction:column}} @media(max-width:560px){.settings-content-v2{padding-top:20px}.settings-panel{padding:16px}.settings-theme-segment{width:100%}.settings-theme-segment .btn{flex:1}.settings-panel .settings-member-row{grid-template-columns:1fr}.settings-panel .settings-member-roles{grid-column:auto}} /* v0.6.6 – Calendar & Communication Professional UI */ .calendar-professional,.communication-professional{max-width:1480px} .calendar-hero-panel,.communication-hero-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:26px 28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,var(--panel),rgba(239,49,56,.055));box-shadow:0 18px 46px rgba(15,23,42,.055);margin-bottom:18px;overflow:hidden;position:relative} .calendar-hero-panel::after,.communication-hero-panel::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-95px;top:-130px;background:radial-gradient(circle,rgba(239,49,56,.12),transparent 67%);pointer-events:none} .calendar-hero-panel>*,.communication-hero-panel>*{position:relative;z-index:1}.calendar-hero-panel h1,.communication-hero-panel h1{font-size:clamp(2.55rem,4.2vw,4.4rem);margin:6px 0 8px}.calendar-hero-panel .lead,.communication-hero-panel .lead{margin:0;max-width:62ch}.calendar-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end} .calendar-summary-grid,.communication-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.calendar-summary-card,.communication-summary-grid>article{min-width:0;border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:15px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.calendar-summary-card.needs-action,.communication-summary-grid>article.needs-action{border-color:rgba(239,49,56,.32);background:linear-gradient(135deg,rgba(239,49,56,.075),var(--panel))}.calendar-summary-icon,.communication-summary-grid>article>span{width:38px;height:38px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;background:var(--bg-soft);color:var(--red-strong);font-weight:900}.calendar-summary-card>div,.communication-summary-grid>article>div{min-width:0;display:grid;gap:2px}.calendar-summary-card small,.communication-summary-grid small{font-size:.66rem;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.055em}.calendar-summary-card strong,.communication-summary-grid strong{font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-summary-card span:not(.calendar-summary-icon),.communication-summary-grid em{font-size:.7rem;color:var(--muted);font-style:normal} .calendar-workspace{border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 14px 38px rgba(15,23,42,.045);overflow:hidden}.calendar-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px 0;background:var(--panel-strong);border-bottom:1px solid var(--line)}.calendar-workspace .calendar-mode-tabs{margin:0;border:0}.calendar-workspace-meta{padding:0 4px 8px}.professional-toolbar{margin:0;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--panel)}.calendar-workspace-body{padding:14px}.calendar-workspace-body>.event-list{gap:10px}.calendar-workspace-body .event-card{border-radius:16px;box-shadow:none;background:var(--panel-strong)}.calendar-workspace-body .event-card:hover{transform:none;box-shadow:0 10px 26px rgba(15,23,42,.055)}.calendar-workspace-body>.calendar-board,.calendar-workspace-body>.archive-panel{border-radius:16px;box-shadow:none} .communication-team-select{min-width:min(390px,38vw);margin:0}.communication-summary-grid>article>span{color:var(--red-strong)}.communication-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);gap:18px;align-items:start}.communication-feed-shell{min-width:0;border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:19px;box-shadow:0 14px 38px rgba(15,23,42,.045)}.communication-feed-head{margin-bottom:16px}.communication-feed-head h2{font-size:1.45rem;margin-top:3px}.communication-feed{gap:10px}.communication-post{border-color:var(--line);background:var(--panel-strong);border-radius:16px;padding:16px;box-shadow:none}.communication-post.announcement{background:linear-gradient(135deg,rgba(239,49,56,.06),var(--panel-strong));box-shadow:inset 3px 0 0 var(--red)}.communication-post:hover{border-color:var(--line-strong)}.communication-tools{display:grid;gap:14px;position:sticky;top:94px}.professional-compose,.professional-notifications{position:relative;border-color:var(--line);border-radius:19px;padding:17px;background:var(--panel);box-shadow:0 12px 32px rgba(15,23,42,.04)}.professional-compose.announcement-compose{border-color:rgba(239,49,56,.24);background:linear-gradient(145deg,rgba(239,49,56,.055),var(--panel) 55%)}.professional-compose .section-head{padding-left:44px;margin-bottom:12px}.professional-compose .section-head h2,.professional-notifications .section-head h2{font-size:1.08rem}.compose-icon{position:absolute;left:17px;top:17px;width:32px;height:32px;border-radius:10px;background:var(--bg-soft);display:grid;place-items:center;color:var(--red-strong);font-weight:900}.professional-compose form{display:grid;gap:10px}.professional-compose .field textarea{min-height:76px}.professional-compose .communication-chat-compose{grid-template-columns:1fr}.professional-compose .communication-chat-compose textarea{min-height:70px}.professional-compose .communication-chat-compose .btn{justify-self:end;min-width:104px}.professional-notifications .notification-list{max-height:360px}.communication-settings-link{width:100%;margin-top:12px}.communication-empty{min-height:260px;display:grid;align-content:center} @media(max-width:1180px){.calendar-summary-grid,.communication-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.communication-workspace{grid-template-columns:1fr}.communication-tools{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.professional-notifications{grid-column:1/-1}.communication-team-select{min-width:320px}} @media(max-width:820px){.calendar-hero-panel,.communication-hero-panel{align-items:flex-start;flex-direction:column;padding:22px}.calendar-hero-actions{justify-content:flex-start}.communication-team-select{width:100%;min-width:0}.calendar-workspace-head{align-items:flex-start;flex-direction:column;padding-top:10px}.calendar-workspace-meta{padding-left:6px}.communication-tools{grid-template-columns:1fr}.professional-notifications{grid-column:auto}} @media(max-width:620px){.calendar-summary-grid,.communication-summary-grid{grid-template-columns:1fr}.calendar-workspace-body{padding:10px}.calendar-professional .event-card{grid-template-columns:54px minmax(0,1fr)}.calendar-professional .event-side{grid-column:1/-1;justify-items:stretch}.calendar-professional .attendance-actions{justify-content:flex-start}.communication-feed-shell{padding:14px}.professional-compose,.professional-notifications{padding:15px}.professional-compose .section-head{padding-left:40px}.compose-icon{left:15px;top:15px}} /* v0.6.7 – Matchday Center */ .dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .dashboard-matchday-card{background:linear-gradient(135deg,rgba(255,55,67,.075),var(--panel) 48%)} .dashboard-matchday-badge{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:8px 10px;border-radius:13px;background:rgba(255,55,67,.11);border:1px solid rgba(255,55,67,.22);font-size:.78rem;font-weight:900;color:var(--accent)} .muted-copy{margin:0;color:var(--muted);font-size:.86rem;line-height:1.55} .matchday-center-content{max-width:1680px;margin:0 auto} .matchday-center-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:32px 36px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(125deg,var(--panel) 50%,rgba(255,55,67,.12));box-shadow:var(--shadow-soft);margin-bottom:18px} .matchday-center-intro h1{margin:6px 0 6px;font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.055em;line-height:.95}.matchday-center-intro .lead{max-width:760px;margin:0} .matchday-center-intro-stat{min-width:150px;padding:16px 18px;border:1px solid rgba(255,55,67,.2);border-radius:18px;background:var(--panel);display:grid;gap:4px}.matchday-center-intro-stat span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850}.matchday-center-intro-stat strong{font-size:2rem} .matchday-center-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.matchday-center-list{position:sticky;top:82px;border:1px solid var(--border);border-radius:22px;background:var(--panel);padding:18px;box-shadow:var(--shadow-soft);max-height:calc(100vh - 110px);overflow:auto}.matchday-center-list .section-head{margin-bottom:12px}.matchday-center-event{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);padding:11px;border-radius:15px;cursor:pointer;margin:4px 0}.matchday-center-event:hover{background:var(--surface-2)}.matchday-center-event.active{background:rgba(255,55,67,.075);border-color:rgba(255,55,67,.24)}.matchday-center-date{width:44px;height:50px;border-radius:13px;background:var(--surface-2);display:grid;place-items:center;align-content:center}.matchday-center-date small{font-size:.58rem;color:var(--accent);font-weight:900}.matchday-center-date strong{font-size:1.1rem}.matchday-center-event-main{display:grid;gap:2px;min-width:0}.matchday-center-event-main>small,.matchday-center-event-main>span{font-size:.69rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchday-center-event-main>strong{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchday-center-event>.status-pill{font-size:.62rem;padding:5px 7px} .matchday-center-workspace{min-width:0}.matchday-center-selected{display:grid;gap:16px}.matchday-center-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:26px 28px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,var(--panel),rgba(255,55,67,.08));box-shadow:var(--shadow-soft)}.matchday-center-hero h1{margin:5px 0 5px;font-size:clamp(2rem,3.4vw,3.4rem);line-height:1;letter-spacing:-.04em}.matchday-center-hero .lead{margin:0}.matchday-center-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .matchday-center-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.matchday-center-metrics article{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:15px 16px;display:grid;gap:3px}.matchday-center-metrics small{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--muted)}.matchday-center-metrics strong{font-size:1.2rem}.matchday-center-metrics span{font-size:.72rem;color:var(--muted)} .matchday-center-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.matchday-center-panel{border:1px solid var(--border);border-radius:20px;background:var(--panel);padding:20px;box-shadow:var(--shadow-soft);min-width:0}.matchday-center-panel .section-head{margin-bottom:14px}.matchday-center-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.matchday-center-plan-grid>div{padding:12px;border-radius:14px;background:var(--surface-2);display:grid;gap:4px}.matchday-center-plan-grid span{font-size:.68rem;color:var(--muted)}.matchday-center-plan-grid strong{font-size:.86rem}.matchday-center-plan-grid p{margin:0;font-size:.78rem;line-height:1.5;white-space:pre-wrap} .matchday-center-roster{display:grid;grid-template-columns:1fr 1fr;gap:8px}.matchday-center-roster>div{display:flex;align-items:center;gap:9px;padding:9px;border-radius:13px;background:var(--surface-2)}.matchday-center-roster>div>span:last-child{display:grid;gap:1px;min-width:0}.matchday-center-roster strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchday-center-roster small{font-size:.66rem;color:var(--muted)} .matchday-center-task-list,.matchday-center-carpools{display:grid;gap:8px}.matchday-center-task{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:center;padding:10px;border-radius:13px;background:var(--surface-2)}.matchday-center-task>span{width:26px;height:26px;border-radius:9px;background:var(--panel);display:grid;place-items:center;font-weight:900}.matchday-center-task.done{opacity:.7}.matchday-center-task.done strong{text-decoration:line-through}.matchday-center-task>div{display:grid;gap:2px}.matchday-center-task strong{font-size:.8rem}.matchday-center-task small{font-size:.68rem;color:var(--muted)}.matchday-center-carpools>div{display:grid;gap:3px;padding:11px 12px;border-radius:13px;background:var(--surface-2)}.matchday-center-carpools strong{font-size:.82rem}.matchday-center-carpools span,.matchday-center-carpools small{font-size:.69rem;color:var(--muted)} .matchday-result-panel{background:linear-gradient(135deg,var(--panel),rgba(54,211,153,.035))}.matchday-result-form{display:grid;gap:12px}.matchday-score-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:end;max-width:420px}.matchday-score-fields>strong{padding-bottom:14px;font-size:1.5rem}.matchday-score-fields input{text-align:center;font-size:1.4rem;font-weight:900}.matchday-complete-check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;font-weight:800}.matchday-complete-check input{accent-color:var(--accent)}.matchday-result-readonly{display:grid;gap:10px}.matchday-result-readonly>strong{font-size:2rem}.matchday-result-readonly>p{margin:0;color:var(--muted)} .matchday-center-selected>.event-lineup-preview{margin-top:0} .matchday-self-service{display:grid;grid-template-columns:1fr 1fr;gap:16px}.matchday-self-card{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:16px 18px;box-shadow:var(--shadow-soft);display:grid;gap:12px}.matchday-self-card h3{margin:3px 0 3px;font-size:1.05rem}.matchday-self-card p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.45}.matchday-self-card .attendance-actions{justify-content:flex-start}.matchday-readiness-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.matchday-readiness-item{display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:11px;background:var(--surface-2);font-size:.72rem;color:var(--muted)}.matchday-readiness-item b{width:20px;height:20px;border-radius:7px;background:var(--panel);display:grid;place-items:center;color:var(--muted)}.matchday-readiness-item.ok{color:var(--text)}.matchday-readiness-item.ok b{color:#13b66a}.matchday-center-task{grid-template-columns:26px minmax(0,1fr)}.matchday-center-task-toggle{width:26px;height:26px;border:0;border-radius:9px;background:var(--panel);color:var(--text);display:grid;place-items:center;font-weight:900;cursor:pointer}.matchday-center-task-toggle:hover{outline:1px solid rgba(255,55,67,.35);color:var(--accent)}.matchday-center-carpool-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.matchday-center-carpool-row>div:first-child{display:grid;gap:3px;min-width:0}.matchday-center-carpool-row .btn,.matchday-center-carpool-row .mini-badge{flex:0 0 auto} @media(max-width:1280px){.matchday-center-layout{grid-template-columns:300px minmax(0,1fr)}.matchday-center-metrics{grid-template-columns:1fr 1fr}.matchday-center-grid{grid-template-columns:1fr}.matchday-center-roster{grid-template-columns:1fr 1fr}} @media(max-width:980px){.matchday-self-service{grid-template-columns:1fr}.matchday-center-layout{grid-template-columns:1fr}.matchday-center-list{position:static;max-height:none}.matchday-center-intro,.matchday-center-hero{align-items:flex-start;flex-direction:column}.matchday-center-hero-actions{justify-content:flex-start}.matchday-center-event{grid-template-columns:48px minmax(0,1fr) auto}.dashboard-summary-grid{grid-template-columns:1fr}} @media(max-width:620px){.matchday-readiness-list{grid-template-columns:1fr}.matchday-center-carpool-row{align-items:flex-start;flex-direction:column}.matchday-center-intro{padding:24px}.matchday-center-hero{padding:20px}.matchday-center-metrics{grid-template-columns:1fr}.matchday-center-roster,.matchday-center-plan-grid{grid-template-columns:1fr}.matchday-center-event>.status-pill{display:none}.matchday-center-event{grid-template-columns:48px minmax(0,1fr)}.matchday-score-fields{grid-template-columns:1fr}.matchday-score-fields>strong{display:none}} /* v0.6.7.4 – Mobile Navigation & Matchday Responsive UX */ .mobile-bottom-nav,.mobile-nav-backdrop{display:none} .matchday-center-event-strip{display:block} @media(max-width:820px){ .content{padding-bottom:calc(104px + env(safe-area-inset-bottom))} .mobile-bottom-nav{ position:fixed;left:0;right:0;bottom:0;z-index:80; min-height:68px;padding:7px 10px calc(7px + env(safe-area-inset-bottom)); border-top:1px solid var(--line);background:rgba(10,12,16,.94);backdrop-filter:blur(20px); display:grid;grid-template-columns:repeat(4,1fr);gap:4px } :root[data-theme="light"] .mobile-bottom-nav{background:rgba(255,255,255,.96)} .mobile-bottom-item{ min-width:0;min-height:52px;border:0;border-radius:13px;background:transparent;color:var(--muted); display:grid;place-items:center;align-content:center;gap:3px;font:inherit;cursor:pointer } .mobile-bottom-item>span{font-size:1.05rem;line-height:1;font-weight:900} .mobile-bottom-item>small{font-size:.62rem;font-weight:800} .mobile-bottom-item.active{background:var(--red-soft);color:var(--text)} .mobile-nav-backdrop{ position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.58);backdrop-filter:blur(5px); display:flex;align-items:flex-end } .mobile-nav-drawer{ width:100%;max-height:min(78vh,680px);overflow:auto;background:var(--panel-strong); border:1px solid var(--line-strong);border-bottom:0;border-radius:24px 24px 0 0; padding:18px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -22px 70px rgba(0,0,0,.34) } .mobile-nav-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px} .mobile-nav-drawer-head h2{margin:3px 0 0;font-size:1.35rem} .mobile-nav-account{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);margin-bottom:12px} .mobile-nav-more-list{display:grid;grid-template-columns:1fr 1fr;gap:8px} .mobile-nav-more-item{ min-height:58px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text); display:flex;align-items:center;gap:10px;padding:0 13px;font:inherit;text-align:left } .mobile-nav-more-item>span{width:24px;text-align:center;color:var(--muted)} .mobile-nav-more-item>strong{font-size:.8rem} .mobile-nav-more-item.active{border-color:rgba(255,55,67,.32);background:var(--red-soft)} .mobile-nav-logout{width:100%;margin-top:12px;min-height:48px} .matchday-center-content{padding-left:14px;padding-right:14px} .matchday-center-intro{padding:20px;border-radius:20px;margin-bottom:12px} .matchday-center-intro h1{font-size:2.25rem} .matchday-center-intro .lead{font-size:.78rem;line-height:1.45} .matchday-center-intro-stat{min-width:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 13px} .matchday-center-intro-stat strong{font-size:1.35rem} .matchday-center-layout{gap:12px} .matchday-center-list{padding:14px;border-radius:18px;overflow:hidden} .matchday-center-list .section-head{margin-bottom:10px} .matchday-center-list .section-head p{display:none} .matchday-center-event-strip{ display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory; padding:0 1px 4px;scrollbar-width:none } .matchday-center-event-strip::-webkit-scrollbar{display:none} .matchday-center-event{min-width:min(78vw,290px);margin:0;scroll-snap-align:start;background:var(--surface-2);border-color:var(--line)} .matchday-center-event.active{background:var(--red-soft);border-color:rgba(255,55,67,.30)} .matchday-center-hero{padding:18px;border-radius:18px;gap:14px} .matchday-center-hero h1{font-size:2rem} .matchday-center-hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr} .matchday-center-hero-actions .btn{min-width:0} .matchday-center-panel{padding:16px;border-radius:17px} } @media(max-width:620px){ .matchday-center-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .matchday-center-metrics article{padding:12px;border-radius:15px} .matchday-center-metrics strong{font-size:1rem} .matchday-center-metrics span{font-size:.65rem} .matchday-center-hero-actions{grid-template-columns:1fr} .mobile-nav-more-list{grid-template-columns:1fr 1fr} } /* v0.6.7.5 – Professional Matchday Workspace & Editor UX */ .matchday-center-content{ width:min(100%,1680px);max-width:1680px;margin:0 auto;padding:28px clamp(22px,2vw,42px) 54px; } .matchday-center-intro{ display:flex;align-items:center;justify-content:space-between;gap:24px; padding:22px 26px;margin-bottom:18px;border-radius:20px; background:linear-gradient(120deg,var(--panel) 62%,rgba(255,55,67,.10)); } .matchday-center-intro h1{margin:3px 0 4px;font-size:clamp(2rem,3vw,3.15rem);line-height:1;letter-spacing:-.045em} .matchday-center-intro .lead{font-size:.88rem;max-width:820px} .matchday-center-intro-stats{display:flex;align-items:stretch;gap:8px;flex:0 0 auto} .matchday-center-intro-stats>div{min-width:96px;padding:11px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-strong);display:grid;gap:2px} .matchday-center-intro-stats span{font-size:.62rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:900} .matchday-center-intro-stats strong{font-size:1.45rem;line-height:1.1} .matchday-center-layout{grid-template-columns:350px minmax(0,1fr);gap:22px} .matchday-center-list{top:78px;padding:16px;border-radius:20px;max-height:calc(100vh - 98px);box-shadow:none;background:var(--panel-strong)} .matchday-center-list>.section-head{position:sticky;top:-16px;z-index:2;margin:-16px -16px 10px;padding:16px 16px 12px;background:var(--panel-strong);border-bottom:1px solid var(--line)} .matchday-center-list>.section-head h2{font-size:1.15rem} .matchday-center-list>.section-head p{font-size:.72rem} .matchday-center-event-strip{display:grid;gap:5px} .matchday-center-event{margin:0;padding:10px;border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto;gap:10px} .matchday-center-event:hover{background:var(--surface-2);border-color:var(--line)} .matchday-center-event.active{background:linear-gradient(120deg,rgba(255,55,67,.12),rgba(255,55,67,.045));border-color:rgba(255,55,67,.28);box-shadow:inset 3px 0 0 var(--accent)} .matchday-center-date{width:42px;height:48px;border-radius:12px} .matchday-center-event-main{gap:3px} .matchday-center-event-main>strong{font-size:.88rem} .matchday-center-event-main>span{font-size:.67rem} .matchday-event-kicker{display:flex;align-items:center;gap:6px;min-width:0} .matchday-event-kicker b{font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);white-space:nowrap} .matchday-event-kicker small{font-size:.61rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .matchday-center-workspace{min-width:0;width:100%} .matchday-center-selected{gap:18px} .matchday-center-hero{ display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:20px; padding:24px 26px;border-radius:22px;background:linear-gradient(125deg,var(--panel-strong) 58%,rgba(255,55,67,.10));box-shadow:none; } .matchday-center-hero-date{width:82px;height:92px;border:1px solid rgba(255,55,67,.20);border-radius:18px;background:var(--panel);display:grid;place-items:center;align-content:center;gap:1px} .matchday-center-hero-date small{font-size:.66rem;color:var(--accent);font-weight:950;letter-spacing:.1em} .matchday-center-hero-date strong{font-size:2.15rem;line-height:1} .matchday-center-hero-date span{font-size:.65rem;color:var(--muted);text-transform:uppercase;font-weight:850} .matchday-center-hero-copy{min-width:0} .matchday-hero-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:7px} .matchday-center-hero h1{margin:0 0 5px;font-size:clamp(2.05rem,3.1vw,3.55rem)} .matchday-center-hero-copy>.lead{font-size:.87rem} .matchday-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px} .matchday-hero-meta>span{min-width:150px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);font-size:.72rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .matchday-hero-meta b{display:block;margin-bottom:2px;color:var(--muted);font-size:.57rem;text-transform:uppercase;letter-spacing:.08em} .matchday-center-hero-actions{align-self:center;display:flex;gap:8px;justify-content:flex-end} .matchday-center-hero-actions .btn{min-height:40px} .matchday-section-nav{ position:sticky;top:var(--topbar-height);z-index:20;display:flex;align-items:center;gap:6px;padding:7px; border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel-strong) 92%,transparent);backdrop-filter:blur(18px); overflow-x:auto;scrollbar-width:none; } .matchday-section-nav::-webkit-scrollbar{display:none} .matchday-section-nav a{flex:0 0 auto;padding:8px 12px;border-radius:10px;color:var(--muted);font-size:.72rem;font-weight:850;text-decoration:none} .matchday-section-nav a:hover{background:var(--surface-2);color:var(--text)} .matchday-section-block{scroll-margin-top:126px} .matchday-overview-shell{display:grid;gap:12px} .matchday-center-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .matchday-center-metrics article{padding:14px 15px;border-radius:15px;box-shadow:none;background:var(--panel-strong)} .matchday-center-metrics small{font-size:.6rem} .matchday-center-metrics strong{font-size:1.32rem} .matchday-center-metrics span{font-size:.68rem} .matchday-self-service{gap:12px} .matchday-self-card{padding:17px 18px;border-radius:17px;box-shadow:none;background:var(--panel-strong)} .matchday-self-card h3{font-size:1.15rem} .matchday-self-card .attendance-actions .btn{min-height:38px} .matchday-readiness-list{gap:6px} .matchday-readiness-item{padding:8px 10px;border-radius:10px} .matchday-center-grid{gap:12px} .matchday-primary-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)} .matchday-secondary-grid{grid-template-columns:1fr 1fr} .matchday-center-panel{padding:18px;border-radius:18px;box-shadow:none;background:var(--panel-strong)} .matchday-center-panel .section-head{align-items:flex-start} .matchday-center-panel .section-head h2{font-size:1.22rem} .matchday-center-panel .section-head p{font-size:.72rem;max-width:600px} .matchday-center-plan-grid>div{padding:13px;border-radius:12px} .matchday-center-plan-grid strong{font-size:.9rem} .matchday-center-plan-grid p{font-size:.76rem} .matchday-center-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .matchday-center-roster>div{padding:10px 11px;border:1px solid transparent} .matchday-center-roster>div:hover{border-color:var(--line)} .matchday-center-roster strong{font-size:.81rem} .matchday-center-roster small{font-size:.68rem} .matchday-center-task,.matchday-center-carpools>div{border:1px solid transparent} .matchday-center-task:hover,.matchday-center-carpools>div:hover{border-color:var(--line)} .matchday-lineup-shell>.event-lineup-preview{border-radius:18px;background:var(--panel-strong)} .matchday-lineup-shell .event-lineup-preview-head{padding:15px 17px} .matchday-lineup-shell .event-lineup-preview-head strong{font-size:16px} .matchday-lineup-shell .event-lineup-preview-head span{font-size:12px} .matchday-lineup-shell .event-lineup-preview-body{grid-template-columns:minmax(0,1fr) 230px;padding:16px;gap:16px} .matchday-lineup-shell .event-lineup-cell{min-height:74px} .matchday-lineup-shell .event-lineup-cell strong{font-size:12px} .matchday-result-panel{padding:20px} .matchday-result-form{grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);column-gap:18px;align-items:start} .matchday-score-fields{grid-column:1;grid-row:1/4;max-width:none} .matchday-result-form>.field{grid-column:2} .matchday-result-form>.matchday-complete-check,.matchday-result-form>.matchday-form-actions{grid-column:2} .matchday-result-form>.matchday-form-actions{margin-top:0} /* professional edit mode */ .matchday-editor-modal{width:min(1500px,calc(100vw - 44px));max-height:calc(100vh - 28px);border-radius:24px;overflow:hidden} .matchday-editor-head{padding:20px 24px 14px;border-bottom:0;background:linear-gradient(125deg,var(--panel-strong) 68%,rgba(255,55,67,.08))} .matchday-editor-head h2{font-size:clamp(1.8rem,3vw,2.75rem);margin:4px 0} .matchday-editor-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 24px 14px;background:linear-gradient(125deg,var(--panel-strong) 68%,rgba(255,55,67,.08))} .matchday-editor-summary>div{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0} .matchday-editor-summary span{display:block;margin-bottom:3px;color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900} .matchday-editor-summary strong{display:block;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .matchday-editor-nav{position:sticky;top:0;z-index:3;display:flex;gap:5px;padding:8px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel-strong);overflow-x:auto;scrollbar-width:none} .matchday-editor-nav::-webkit-scrollbar{display:none} .matchday-editor-nav a{flex:0 0 auto;padding:8px 11px;border-radius:10px;color:var(--muted);font-size:.7rem;font-weight:850;text-decoration:none} .matchday-editor-nav a:hover{background:var(--surface-2);color:var(--text)} .matchday-editor-body{padding:18px 24px 28px;background:var(--bg)} .matchday-editor-section,.matchday-editor-section-wrap>.matchday-section{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel-strong);scroll-margin-top:64px} .matchday-editor-section:first-of-type{margin-top:0} .matchday-editor-section>.section-head,.matchday-editor-section-wrap>.matchday-section>.section-head{margin-bottom:14px} .matchday-editor-section h3,.matchday-editor-section-wrap .matchday-section h3{font-size:1.22rem} .matchday-editor-section .matchday-plan-grid{gap:11px} .matchday-editor-section .matchday-plan-grid .field{padding:0} .matchday-editor-section .matchday-plan-grid textarea{min-height:92px} .matchday-editor-section .matchday-roster{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible} .matchday-editor-section .matchday-member{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--panel);min-width:0} .matchday-editor-section .matchday-member-meta{justify-content:flex-end} .matchday-editor-section .matchday-nomination-actions{grid-column:1/-1;justify-content:flex-start;padding-top:7px;border-top:1px solid var(--line)} .matchday-editor-section .matchday-task-list{border:0;gap:8px} .matchday-editor-section .matchday-task{border:1px solid var(--line);border-radius:13px;background:var(--panel)} .matchday-editor-section-wrap>.matchday-section{margin-top:14px} .matchday-editor-foot{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 24px;background:var(--panel-strong);border-top:1px solid var(--line)} .matchday-editor-foot>span{text-align:center;color:var(--muted);font-size:.68rem} @media(max-width:1480px){ .matchday-center-layout{grid-template-columns:320px minmax(0,1fr)} .matchday-primary-grid{grid-template-columns:1fr 1fr} .matchday-center-hero{grid-template-columns:78px minmax(0,1fr)} .matchday-center-hero-actions{grid-column:1/-1;justify-content:flex-start;padding-left:98px} .matchday-center-hero-date{width:74px;height:84px} } @media(max-width:1180px){ .matchday-center-content{padding:22px 22px 48px} .matchday-center-layout{grid-template-columns:290px minmax(0,1fr);gap:14px} .matchday-primary-grid,.matchday-secondary-grid{grid-template-columns:1fr} .matchday-result-form{grid-template-columns:1fr} .matchday-score-fields,.matchday-result-form>.field,.matchday-result-form>.matchday-complete-check,.matchday-result-form>.matchday-form-actions{grid-column:1;grid-row:auto} .matchday-editor-section .matchday-roster{grid-template-columns:1fr} } @media(max-width:980px){ .matchday-center-content{padding:16px 14px calc(112px + env(safe-area-inset-bottom))} .matchday-center-intro{padding:16px 17px;margin-bottom:10px;align-items:center;flex-direction:row} .matchday-center-intro h1{font-size:1.8rem} .matchday-center-intro .lead{font-size:.72rem;line-height:1.4;max-width:520px} .matchday-center-intro-stats>div{min-width:70px;padding:8px 10px} .matchday-center-intro-stats>div:nth-child(2){display:none} .matchday-center-intro-stats strong{font-size:1.2rem} .matchday-center-layout{grid-template-columns:1fr;gap:10px} .matchday-center-list{position:static;max-height:none;padding:12px;border-radius:16px;overflow:hidden;background:var(--panel-strong)} .matchday-center-list>.section-head{position:static;margin:0 0 8px;padding:0 2px 8px;background:transparent} .matchday-center-list>.section-head h2{font-size:1rem} .matchday-center-event-strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px} .matchday-center-event{min-width:min(82vw,310px);scroll-snap-align:start} .matchday-center-hero{grid-template-columns:62px minmax(0,1fr);padding:16px;gap:12px;border-radius:17px} .matchday-center-hero-date{width:60px;height:68px;border-radius:14px} .matchday-center-hero-date strong{font-size:1.55rem} .matchday-center-hero h1{font-size:1.75rem} .matchday-hero-badges{margin-bottom:5px} .matchday-hero-meta{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;margin-top:10px} .matchday-hero-meta>span{min-width:0;padding:8px 9px;white-space:normal} .matchday-hero-meta>span:last-child{grid-column:1/-1} .matchday-center-hero-actions{grid-column:1/-1;padding-left:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px} .matchday-center-hero-actions .btn:last-child:nth-child(3){grid-column:1/-1} .matchday-section-nav{top:62px;margin:0 -2px;border-radius:13px;padding:5px} .matchday-section-nav a{padding:7px 10px;font-size:.66rem} .matchday-center-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .matchday-center-metrics article{padding:11px 12px;border-radius:13px} .matchday-center-metrics strong{font-size:1.08rem} .matchday-self-service{grid-template-columns:1fr;gap:8px} .matchday-self-card{padding:14px;border-radius:15px} .matchday-center-panel{padding:14px;border-radius:15px} .matchday-center-panel .section-head h2{font-size:1.08rem} .matchday-center-roster{grid-template-columns:1fr} .matchday-center-plan-grid{grid-template-columns:1fr 1fr} .matchday-lineup-shell .event-lineup-preview-body{grid-template-columns:1fr;padding:12px} .matchday-result-panel{padding:15px} .matchday-editor-modal{width:100vw;max-height:100vh;height:100vh;border-radius:0} .matchday-editor-head{padding:16px 16px 10px} .matchday-editor-head h2{font-size:1.65rem} .matchday-editor-summary{grid-template-columns:1fr 1fr;padding:0 16px 10px} .matchday-editor-summary>div{padding:8px 9px} .matchday-editor-nav{padding:7px 12px} .matchday-editor-body{padding:12px 12px 100px} .matchday-editor-section,.matchday-editor-section-wrap>.matchday-section{padding:14px;border-radius:15px;margin-top:10px} .matchday-editor-section .matchday-plan-grid{grid-template-columns:1fr} .matchday-editor-foot{grid-template-columns:1fr 1fr;padding:10px 12px calc(10px + env(safe-area-inset-bottom))} .matchday-editor-foot>span{display:none} } @media(max-width:620px){ .matchday-center-intro .lead{display:none} .matchday-center-intro{padding:13px 14px} .matchday-center-intro h1{font-size:1.55rem} .matchday-center-intro-stats>div{min-width:64px} .matchday-center-event{min-width:min(86vw,300px)} .matchday-center-hero-copy>.lead{font-size:.74rem} .matchday-hero-badges .mini-badge:nth-child(2){display:none} .matchday-center-hero-actions{grid-template-columns:1fr 1fr} .matchday-center-hero-actions .btn{font-size:.72rem;padding-left:8px;padding-right:8px} .matchday-center-plan-grid{grid-template-columns:1fr} .matchday-readiness-list{grid-template-columns:1fr} .matchday-score-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .matchday-score-fields>strong{display:block} .matchday-editor-summary{grid-template-columns:1fr 1fr} .matchday-editor-section .matchday-member{grid-template-columns:1fr} .matchday-editor-section .matchday-member-meta{justify-content:flex-start} } /* v0.6.7.6 – Focused Matchday Overview & Detail Navigation */ .matchday-overview-list{margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--panel-strong)} .matchday-overview-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px} .matchday-overview-list-head h2{margin:3px 0 4px;font-size:1.45rem} .matchday-overview-list-head p{margin:0;color:var(--muted);font-size:.78rem;max-width:680px} .matchday-overview-list-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .matchday-next-card{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;padding:26px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(125deg,var(--panel-strong) 65%,rgba(255,55,67,.10))} .matchday-next-date{width:104px;height:112px;border:1px solid rgba(255,55,67,.20);border-radius:20px;background:var(--panel);display:grid;place-items:center;align-content:center} .matchday-next-date small{font-size:.68rem;color:var(--accent);font-weight:950;letter-spacing:.1em}.matchday-next-date strong{font-size:2.5rem;line-height:1}.matchday-next-date span{font-size:.67rem;color:var(--muted);text-transform:capitalize} .matchday-next-copy h2{margin:4px 0 6px;font-size:clamp(2rem,3vw,3.25rem);line-height:1}.matchday-next-copy p{margin:0;color:var(--muted);font-size:.86rem}.matchday-next-status{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.matchday-next-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end} .matchday-month-group{margin-top:18px}.matchday-month-group:first-of-type{margin-top:0}.matchday-month-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 9px}.matchday-month-head h3{margin:0;font-size:.93rem;text-transform:capitalize}.matchday-month-head span{font-size:.66rem;color:var(--muted);font-weight:800} .matchday-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.matchday-overview-card{position:relative;width:100%;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);cursor:pointer;transition:.16s ease}.matchday-overview-card:hover{transform:translateY(-1px);border-color:rgba(255,55,67,.28);background:var(--surface-2)} .matchday-overview-date{width:54px;height:60px;border-radius:14px;background:var(--surface-2);display:grid;place-items:center;align-content:center}.matchday-overview-date small{font-size:.56rem;color:var(--accent);font-weight:950}.matchday-overview-date strong{font-size:1.25rem;line-height:1}.matchday-overview-date span{font-size:.55rem;color:var(--muted);text-transform:uppercase} .matchday-overview-card-main{display:grid;gap:3px;min-width:0}.matchday-overview-card-main>strong{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchday-overview-card-main>span{font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchday-overview-card>.status-pill{font-size:.62rem}.matchday-overview-open{grid-column:2/4;color:var(--accent);font-size:.66rem;font-weight:900;justify-self:end}.matchday-past-strip{margin-top:18px}.matchday-past-strip .section-head{margin-bottom:10px}.compact-grid .matchday-overview-card{opacity:.86} .matchday-detail-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--panel-strong)}.matchday-detail-counter{display:grid;gap:1px;min-width:0}.matchday-detail-counter span{font-size:.59rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:900}.matchday-detail-counter strong{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchday-detail-nav{display:flex;gap:7px;justify-content:flex-end} .matchday-center-hero.focused{margin-bottom:12px}.matchday-focus-tabs{position:sticky;top:var(--topbar-height);z-index:20;display:flex;gap:5px;padding:7px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel-strong) 94%,transparent);backdrop-filter:blur(18px);overflow-x:auto;scrollbar-width:none}.matchday-focus-tabs::-webkit-scrollbar{display:none}.matchday-focus-tabs button{flex:0 0 auto;border:0;background:transparent;color:var(--muted);padding:9px 14px;border-radius:10px;font:inherit;font-size:.74rem;font-weight:850;cursor:pointer}.matchday-focus-tabs button:hover{background:var(--surface-2);color:var(--text)}.matchday-focus-tabs button.active{background:var(--red-soft);color:var(--accent)} .matchday-focus-content{margin-top:12px}.matchday-focus-panel{min-height:260px}.matchday-center-roster.expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.matchday-organization-card{margin-top:12px}.matchday-result-panel.matchday-center-panel{margin:0}.matchday-center-layout,.matchday-center-list{display:none!important} @media(max-width:1180px){.matchday-overview-grid{grid-template-columns:1fr}.matchday-center-roster.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.matchday-next-card{grid-template-columns:90px minmax(0,1fr)}.matchday-next-actions{grid-column:1/-1;justify-content:flex-start;padding-left:112px}.matchday-next-date{width:84px;height:94px}} @media(max-width:980px){.matchday-center-intro{margin-bottom:10px}.matchday-next-card{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:16px;border-radius:18px}.matchday-next-date{width:66px;height:74px;border-radius:15px}.matchday-next-date strong{font-size:1.65rem}.matchday-next-copy h2{font-size:1.65rem}.matchday-next-copy p{font-size:.72rem}.matchday-next-actions{padding-left:0;display:grid;grid-template-columns:1fr 1fr;width:100%}.matchday-overview-list{padding:14px;border-radius:17px}.matchday-overview-list-head{flex-direction:column;margin-bottom:12px}.matchday-overview-list-actions{justify-content:flex-start}.matchday-overview-grid{grid-template-columns:1fr}.matchday-detail-toolbar{grid-template-columns:1fr auto}.matchday-detail-counter{grid-row:2;grid-column:1/-1}.matchday-detail-nav .btn{font-size:.68rem}.matchday-center-roster.expanded{grid-template-columns:1fr}.matchday-focus-tabs{top:var(--topbar-height)}.matchday-focus-tabs button{padding:8px 11px;font-size:.68rem}.matchday-focus-content{margin-top:9px}} @media(max-width:620px){.matchday-center-intro-stats{display:none}.matchday-next-actions{grid-template-columns:1fr}.matchday-overview-card{grid-template-columns:52px minmax(0,1fr)}.matchday-overview-card>.status-pill{display:none}.matchday-overview-open{grid-column:2}.matchday-detail-toolbar{grid-template-columns:1fr}.matchday-detail-nav{justify-content:stretch}.matchday-detail-nav .btn{flex:1}.matchday-detail-counter{grid-row:auto;grid-column:auto}.matchday-center-hero.focused{margin-bottom:9px}.matchday-focus-tabs{margin:0 -2px}.matchday-focus-tabs button{padding:8px 10px}} /* v0.6.7.7 – unified calendar focus workspace + tactical matchboard */ .calendar-professional{max-width:1500px;width:100%} .calendar-hero-v0677{padding:24px 26px;margin-bottom:14px}.calendar-hero-v0677 h1{font-size:clamp(2.35rem,3.7vw,3.65rem)} .calendar-summary-grid-v0677{margin-bottom:14px}.calendar-summary-grid-v0677 .calendar-summary-card{min-height:88px} .calendar-workspace-v0677{overflow:visible}.calendar-workspace-v0677>.calendar-workspace-head{position:sticky;top:var(--topbar-height);z-index:20;border-radius:22px 22px 0 0;backdrop-filter:blur(16px);background:color-mix(in srgb,var(--panel-strong) 94%,transparent)} .calendar-workspace-v0677 .calendar-workspace-body{padding:14px} .calendar-focus-workspace-v0677{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;align-items:start} .calendar-focus-rail{display:grid;gap:12px;position:sticky;top:calc(var(--topbar-height) + 64px)} .calendar-mini-card,.calendar-upcoming-rail,.calendar-focus-filters,.calendar-selected-hero,.calendar-info-card{border:1px solid var(--line);background:var(--panel-strong);border-radius:18px;box-shadow:0 8px 26px rgba(15,23,42,.035)} .calendar-mini-card{padding:15px}.calendar-mini-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.calendar-mini-head strong{font-size:.9rem;text-transform:capitalize}.calendar-mini-head>div{display:flex;gap:5px}.calendar-mini-arrow{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text);cursor:pointer}.calendar-mini-arrow:hover{background:var(--panel-hover)} .calendar-mini-weekdays,.calendar-mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-mini-weekdays{margin-bottom:4px}.calendar-mini-weekdays span{text-align:center;color:var(--muted);font-size:.62rem;font-weight:800}.calendar-mini-day{position:relative;min-height:32px;border:0;border-radius:9px;background:transparent;color:var(--text);font:inherit;font-size:.72rem;cursor:pointer}.calendar-mini-day:hover{background:var(--panel-hover)}.calendar-mini-day.outside{opacity:.35}.calendar-mini-day.today{box-shadow:inset 0 0 0 1px var(--line-strong)}.calendar-mini-day.selected{background:var(--red);color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(239,49,56,.22)}.calendar-mini-day i{position:absolute;left:50%;bottom:3px;width:3px;height:3px;border-radius:50%;background:var(--red-strong);transform:translateX(-50%)}.calendar-mini-day.selected i{background:#fff} .calendar-focus-filters{padding:13px 14px}.calendar-focus-filters>strong{display:block;font-size:.78rem;margin-bottom:9px}.calendar-focus-filters .filter-tabs{display:flex;flex-wrap:wrap;gap:6px}.calendar-focus-filters .filter-tab{padding:7px 9px;font-size:.66rem} .calendar-upcoming-rail{overflow:hidden}.calendar-rail-head{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 15px;border-bottom:1px solid var(--line)}.calendar-rail-head>div{display:grid;gap:2px}.calendar-rail-head strong{font-size:.84rem}.calendar-rail-head span{font-size:.65rem;color:var(--muted)}.calendar-rail-list{display:grid;padding:6px}.calendar-rail-event{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid transparent;background:transparent;color:var(--text);border-radius:13px;padding:9px;text-align:left;cursor:pointer}.calendar-rail-event:hover{background:var(--panel-hover)}.calendar-rail-event.active{border-color:rgba(239,49,56,.28);background:linear-gradient(120deg,var(--red-soft),transparent);box-shadow:inset 3px 0 0 var(--red)}.calendar-rail-date{width:40px;height:44px;border-radius:11px;background:var(--bg-soft);display:grid;place-items:center;align-content:center}.calendar-rail-date small{font-size:.52rem;color:var(--red-strong);font-weight:900;text-transform:uppercase}.calendar-rail-date strong{font-size:1rem;line-height:1}.calendar-rail-copy{display:grid;gap:3px;min-width:0}.calendar-rail-copy b{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-rail-copy small{font-size:.62rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-rail-type{font-size:.57rem;color:var(--muted);padding:5px 7px;border:1px solid var(--line);border-radius:999px}.calendar-rail-more,.calendar-card-link{width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);padding:11px 14px;font:inherit;font-size:.68rem;font-weight:850;cursor:pointer}.calendar-rail-more:hover,.calendar-card-link:hover{background:var(--panel-hover)} .calendar-focus-detail{min-width:0}.calendar-selected-workspace{display:grid;gap:12px}.calendar-selected-hero{padding:22px}.calendar-selected-kicker{display:flex;gap:7px;align-items:center;margin-bottom:10px}.calendar-selected-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.calendar-selected-title h2{font-size:clamp(1.65rem,2.6vw,2.45rem);margin:0 0 4px}.calendar-selected-title p{margin:0;color:var(--muted);font-size:.75rem}.calendar-selected-status{display:inline-flex;align-items:center;justify-content:center;min-width:90px;padding:8px 10px;border-radius:999px;border:1px solid var(--line);font-size:.68rem;font-weight:900}.calendar-selected-status.state-yes{color:#13b66a;background:rgba(19,182,106,.08);border-color:rgba(19,182,106,.2)}.calendar-selected-status.state-no{color:var(--red-strong);background:var(--red-soft)}.calendar-selected-status.state-maybe{color:var(--amber);background:rgba(255,191,71,.08)} .calendar-selected-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 0}.calendar-selected-meta>div{display:flex;gap:9px;align-items:center;padding:11px;border-radius:13px;background:var(--bg-soft);min-width:0}.calendar-selected-meta>div>span{width:28px;height:28px;border-radius:9px;background:var(--panel-strong);display:grid;place-items:center;flex:0 0 auto;font-weight:900}.calendar-selected-meta p{margin:0;display:grid;gap:2px;min-width:0}.calendar-selected-meta small{font-size:.58rem;color:var(--muted);text-transform:uppercase;font-weight:850;letter-spacing:.04em}.calendar-selected-meta strong{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-selected-response{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.calendar-selected-response>div:first-child{display:grid;gap:2px}.calendar-selected-response>div:first-child strong{font-size:.83rem}.calendar-selected-response>div:first-child span{font-size:.65rem;color:var(--muted)} .calendar-selected-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:12px}.calendar-info-card{padding:16px;min-width:0}.calendar-card-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px}.calendar-card-heading>span{width:30px;height:30px;border-radius:9px;background:var(--red-soft);color:var(--red-strong);display:grid;place-items:center;font-weight:900}.calendar-card-heading strong{font-size:.85rem}.calendar-card-heading b{margin-left:auto;font-size:.7rem;color:var(--muted)}.calendar-info-card dl{margin:0;display:grid;gap:7px}.calendar-info-card dl>div{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}.calendar-info-card dl>div:last-child{border-bottom:0}.calendar-info-card dt{font-size:.66rem;color:var(--muted)}.calendar-info-card dd{margin:0;font-size:.7rem;font-weight:750}.calendar-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.calendar-attendance-progress{height:9px;background:var(--bg-soft);border-radius:999px;overflow:hidden;margin-bottom:10px}.calendar-attendance-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#39d98a)}.calendar-attendance-lines{display:grid;gap:7px}.calendar-attendance-lines>div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;font-size:.68rem}.calendar-attendance-lines .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.calendar-attendance-lines .dot.yes{background:#22c55e}.calendar-attendance-lines .dot.maybe{background:#f59e0b}.calendar-attendance-lines .dot.no{background:#ef4444}.calendar-attendance-lines .dot.open{background:#94a3b8}.calendar-note-card{grid-column:2}.calendar-note-card p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.55}.calendar-selected-empty{min-height:420px;border:1px dashed var(--line-strong);border-radius:18px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.calendar-selected-empty p{max-width:45ch;color:var(--muted)} /* Tactical lineup board */ .tactical-lineup-preview{overflow:hidden}.tactical-lineup-body{grid-template-columns:minmax(0,1fr) 260px!important;gap:14px!important;padding:15px!important}.tactical-court-wrap{min-width:0}.tactical-net{background:linear-gradient(90deg,var(--panel-strong),var(--bg-soft),var(--panel-strong));letter-spacing:.2em}.tactical-court{position:relative;padding:20px 12px 14px!important;background:linear-gradient(180deg,rgba(239,49,56,.08),rgba(239,49,56,.025))!important;border-radius:0 0 18px 18px!important;overflow:hidden}.tactical-court:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,var(--line) 50%,transparent 50.2%);pointer-events:none}.tactical-zone-label{font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 7px 4px}.tactical-zone-label.back{margin-top:8px}.tactical-row{position:relative;z-index:1;gap:8px!important}.tactical-center-line{height:1px;background:var(--line-strong);margin:9px 0 8px}.tactical-player-card{min-height:88px!important;padding:12px 10px 10px 42px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;text-align:left!important}.tactical-player-card.occupied{background:linear-gradient(135deg,var(--red-soft),var(--panel-strong));border-color:rgba(239,49,56,.25)!important}.tactical-player-card.empty{border-style:dashed!important;background:color-mix(in srgb,var(--panel-strong) 92%,transparent)}.tactical-player-avatar{width:34px;height:34px;border-radius:11px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:.65rem;font-weight:900;flex:0 0 auto}.tactical-player-avatar.empty{background:var(--bg-soft);color:var(--muted);border:1px dashed var(--line-strong)}.tactical-player-copy{display:grid;gap:2px;min-width:0}.tactical-player-copy strong{font-size:.72rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tactical-player-copy small{font-size:.58rem!important;color:var(--muted)}.tactical-lineup-side{display:grid!important;grid-template-rows:auto 1fr!important;gap:10px}.tactical-special-card{padding:14px!important;min-height:0!important}.tactical-special-player,.tactical-bench-chip{display:flex;align-items:center;gap:9px;margin-top:9px}.tactical-special-player>span:last-child,.tactical-bench-chip>span:last-child{display:grid;gap:2px;min-width:0}.tactical-special-player strong,.tactical-bench-chip strong{font-size:.7rem}.tactical-special-player small,.tactical-bench-chip small{font-size:.58rem;color:var(--muted)}.tactical-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tactical-side-head b{min-width:26px;height:26px;border-radius:9px;background:var(--bg-soft);display:grid;place-items:center;font-size:.68rem}.tactical-bench-list{display:grid;gap:6px}.tactical-bench-chip{padding:7px;border-radius:11px;background:var(--bg-soft);margin-top:0}.tactical-empty-note{margin-top:8px;color:var(--muted);font-size:.65rem;line-height:1.45}.tactical-editor-board{grid-template-columns:minmax(0,1fr) 210px}.tactical-editor-court{padding:18px;background:linear-gradient(180deg,rgba(239,49,56,.075),transparent)}.tactical-editor-slot{min-height:118px;border-radius:16px;background:var(--panel-strong)}.tactical-editor-bench{border-radius:18px;background:var(--panel-strong)} @media(max-width:1180px){.calendar-focus-workspace-v0677{grid-template-columns:280px minmax(0,1fr)}.calendar-selected-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.tactical-lineup-body{grid-template-columns:1fr!important}.tactical-lineup-side{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}} @media(max-width:820px){.calendar-workspace-v0677>.calendar-workspace-head{top:68px}.calendar-focus-workspace-v0677{grid-template-columns:1fr}.calendar-focus-rail{position:static}.calendar-mini-card{display:none}.calendar-focus-filters{order:1}.calendar-upcoming-rail{order:2}.calendar-rail-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:7px}.calendar-rail-event{min-width:min(78vw,300px);scroll-snap-align:start}.calendar-selected-grid{grid-template-columns:1fr}.calendar-note-card{grid-column:auto}.calendar-selected-response{align-items:flex-start;flex-direction:column}.calendar-selected-response .attendance-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.calendar-selected-response .attendance-actions .btn{justify-content:center}.tactical-editor-board{grid-template-columns:1fr;grid-template-areas:"net" "court" "libero"}} @media(max-width:620px){.calendar-professional{padding-top:16px}.calendar-hero-v0677{padding:18px}.calendar-hero-v0677 h1{font-size:2.25rem}.calendar-summary-grid-v0677{grid-template-columns:1fr 1fr}.calendar-summary-grid-v0677 .calendar-summary-card{min-height:82px;padding:12px}.calendar-summary-grid-v0677 .calendar-summary-card strong{font-size:.84rem}.calendar-workspace-v0677 .calendar-workspace-body{padding:8px}.calendar-selected-hero{padding:16px}.calendar-selected-title{align-items:flex-start}.calendar-selected-title h2{font-size:1.65rem}.calendar-selected-status{min-width:auto;padding:6px 8px}.calendar-selected-meta{grid-template-columns:1fr 1fr}.calendar-selected-meta>div{padding:9px}.calendar-selected-meta strong{font-size:.64rem}.calendar-info-card{padding:14px}.calendar-info-card dl>div{grid-template-columns:100px 1fr}.calendar-selected-response .attendance-actions{gap:6px}.tactical-lineup-body{padding:10px!important}.tactical-court{padding:16px 8px 10px!important}.tactical-row{grid-template-columns:1fr!important}.tactical-player-card{min-height:70px!important}.tactical-lineup-side{grid-template-columns:1fr!important}} /* v0.6.7.10 – lineup polish, collision-safe slot states + native browser zoom */ .volleyball-lineup-preview{overflow:hidden}.volleyball-lineup-head strong{font-size:1.1rem}.volleyball-lineup-body{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;padding:16px}.volleyball-court-stage{min-width:0;border:1px solid var(--line);border-radius:20px;background:var(--panel-strong);padding:14px}.volleyball-court-title{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 8px 10px;color:var(--muted);font-size:.6rem;font-weight:850;letter-spacing:.04em}.volleyball-court-title b{font-size:.66rem;color:var(--text);letter-spacing:.16em}.volleyball-court-title span{font-size:.58rem} .volleyball-court{--court-green:#26764e;--court-sand:#e9a26d;--court-line:rgba(255,255,255,.88);position:relative;min-height:410px;aspect-ratio:1.52/1;border-radius:18px;background:var(--court-green);border:8px solid color-mix(in srgb,var(--court-green) 88%,#0b3f2a);box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),0 16px 34px rgba(15,23,42,.08);overflow:hidden}.volleyball-court:before{content:"";position:absolute;inset:24px;background:var(--court-sand);border:2px solid var(--court-line);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.volleyball-net{position:absolute;z-index:2;top:24px;left:24px;right:24px;height:7px;background:repeating-linear-gradient(90deg,#f8fafc 0 8px,#111827 8px 10px);box-shadow:0 2px 0 rgba(15,23,42,.22)}.volleyball-attack-line{position:absolute;z-index:1;left:24px;right:24px;top:42%;height:2px;background:var(--court-line)}.volleyball-court-grid{position:absolute;z-index:1;inset:24px;background:linear-gradient(90deg,transparent 33.15%,rgba(255,255,255,.18) 33.3%,transparent 33.45%,transparent 66.5%,rgba(255,255,255,.18) 66.65%,transparent 66.8%);pointer-events:none} .volleyball-zone-caption{position:absolute;z-index:3;left:50%;transform:translateX(-50%);padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.72);color:rgba(16,24,40,.62);font-size:.5rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;pointer-events:none}.volleyball-zone-caption.front{top:9%}.volleyball-zone-caption.back{bottom:6%} .volleyball-position,.volleyball-editor-position{position:absolute;z-index:4;width:156px;min-height:118px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:19px 8px 8px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.11);color:#101828;box-shadow:0 8px 20px rgba(15,23,42,.06);backdrop-filter:blur(2px)}.volleyball-position.is-occupied,.volleyball-editor-position.is-occupied{border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.14)}.volleyball-position.is-empty,.volleyball-editor-position.is-empty{border-style:dashed;border-color:rgba(127,78,43,.30);background:rgba(255,255,255,.13);box-shadow:none} .volleyball-position.pos-p4,.volleyball-editor-position.pos-p4{left:18%;top:24%}.volleyball-position.pos-p3,.volleyball-editor-position.pos-p3{left:50%;top:24%}.volleyball-position.pos-p2,.volleyball-editor-position.pos-p2{left:82%;top:24%}.volleyball-position.pos-p5,.volleyball-editor-position.pos-p5{left:18%;top:70%}.volleyball-position.pos-p6,.volleyball-editor-position.pos-p6{left:50%;top:70%}.volleyball-position.pos-p1,.volleyball-editor-position.pos-p1{left:82%;top:70%}.volleyball-position-label{position:absolute;top:3px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:21px;height:21px;border-radius:999px;background:rgba(255,255,255,.92);font-size:.6rem;font-weight:950;color:#7f1d1d;box-shadow:0 2px 8px rgba(15,23,42,.12)}.volleyball-player-marker{display:grid;place-items:center;width:52px;height:52px;border-radius:999px;background:linear-gradient(145deg,#ef3138,#c91520);border:4px solid rgba(255,255,255,.92);color:#fff;font-size:.78rem;font-weight:950;box-shadow:0 9px 18px rgba(127,29,29,.24)}.volleyball-position.is-empty .volleyball-player-marker,.volleyball-editor-position.is-empty .volleyball-player-marker{background:rgba(255,255,255,.78);color:#8a5f43;border:2px dashed rgba(127,78,43,.38);box-shadow:none}.volleyball-player-name{max-width:148px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.93);font-size:.74rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 12px rgba(15,23,42,.08)}.volleyball-position small{font-size:.59rem;font-weight:800;color:rgba(16,24,40,.68);background:rgba(255,255,255,.78);padding:2px 7px;border-radius:999px}.volleyball-court-legend{display:flex;gap:16px;flex-wrap:wrap;padding:10px 3px 0;color:var(--muted);font-size:.62rem}.volleyball-court-legend span{display:flex;align-items:center;gap:6px}.volleyball-court-legend i{width:10px;height:10px;border-radius:50%;border:1px dashed var(--line-strong);background:transparent}.volleyball-court-legend i.is-filled{border:0;background:var(--red)} .volleyball-player-pool{display:grid;gap:10px;align-content:start}.volleyball-pool-card{border:1px solid var(--line);border-radius:16px;background:var(--panel-strong);padding:13px}.volleyball-pool-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.volleyball-pool-head>div{display:grid;gap:2px}.volleyball-pool-head span{font-size:.56rem;color:var(--muted);font-weight:950;letter-spacing:.08em}.volleyball-pool-head strong{font-size:.76rem}.volleyball-pool-head>b{min-width:29px;height:29px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-size:.68rem}.volleyball-progress{height:7px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin-top:10px}.volleyball-progress i{display:block;height:100%;border-radius:inherit;background:var(--red)}.volleyball-pool-list{display:grid;gap:7px;margin-top:9px}.volleyball-pool-player{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;border-radius:11px;background:var(--surface-2)}.volleyball-pool-avatar{width:36px;height:36px;border-radius:11px;background:var(--red-soft);color:var(--accent);display:grid;place-items:center;font-size:.65rem;font-weight:950}.volleyball-pool-player>span:nth-child(2){display:grid;gap:1px;min-width:0}.volleyball-pool-player strong{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.volleyball-pool-player small{font-size:.56rem;color:var(--muted)}.volleyball-pool-player>b{font-size:.54rem;color:var(--muted)}.volleyball-pool-empty{margin-top:9px;padding:9px;border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:.62rem} .volleyball-lineup-editor .section-head{margin-bottom:12px}.volleyball-editor-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;grid-template-areas:none!important;gap:16px!important}.volleyball-editor-court-wrap{min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--panel-strong);padding:14px}.volleyball-editor-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.volleyball-editor-topline>div{display:grid;gap:2px}.volleyball-editor-topline span:first-child{font-size:.58rem;color:var(--muted);font-weight:950;letter-spacing:.08em}.volleyball-editor-topline strong{font-size:.82rem}.volleyball-editor-court{min-height:460px}.volleyball-editor-position{width:174px;min-height:124px;cursor:pointer}.volleyball-editor-position select{width:160px;max-width:160px;margin-top:3px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.94);color:#111827;border-radius:9px;padding:7px;font-size:.62rem;font-weight:750;box-shadow:0 3px 10px rgba(15,23,42,.08)}.volleyball-editor-position .volleyball-player-name{font-size:.65rem}.volleyball-editor-hint{padding:9px 3px 0;color:var(--muted);font-size:.62rem}.volleyball-editor-sidebar{display:grid;gap:10px;align-content:start}.volleyball-editor-panel{border:1px solid var(--line);border-radius:16px;background:var(--panel-strong);padding:13px}.volleyball-editor-panel>select{width:100%;margin-top:8px}.volleyball-editor-roster{display:grid;gap:7px;margin-top:10px}.volleyball-editor-roster-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px;border-radius:12px;background:var(--surface-2)}.volleyball-editor-roster-row>span:nth-child(2){display:grid;gap:1px;min-width:0}.volleyball-editor-roster-row strong{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.volleyball-editor-roster-row small{font-size:.56rem;color:var(--muted)}.volleyball-editor-roster-row .status-pill{font-size:.54rem}.tactical-editor-board{background:transparent}.tactical-editor-court{background:transparent}.tactical-bench-list{display:grid} @media(max-width:1180px){.volleyball-lineup-body,.volleyball-editor-layout{grid-template-columns:1fr!important}.volleyball-player-pool{grid-template-columns:repeat(2,minmax(0,1fr))}.volleyball-editor-sidebar{grid-template-columns:280px minmax(0,1fr)}.volleyball-court{min-height:380px}} @media(max-width:760px){.volleyball-lineup-body{padding:10px}.volleyball-court-stage{padding:9px}.volleyball-court{min-height:355px;aspect-ratio:1.12/1}.volleyball-court:before,.volleyball-court-grid{inset:16px}.volleyball-net{left:16px;right:16px;top:16px}.volleyball-attack-line{left:16px;right:16px}.volleyball-position,.volleyball-editor-position{width:108px;min-height:94px;padding:17px 5px 6px}.volleyball-player-marker{width:42px;height:42px;font-size:.66rem}.volleyball-player-name{max-width:102px;font-size:.58rem;padding:3px 6px}.volleyball-position small{font-size:.5rem}.volleyball-position.pos-p4,.volleyball-editor-position.pos-p4{left:19%}.volleyball-position.pos-p2,.volleyball-editor-position.pos-p2{left:81%}.volleyball-position.pos-p5,.volleyball-editor-position.pos-p5{left:19%}.volleyball-position.pos-p1,.volleyball-editor-position.pos-p1{left:81%}.volleyball-player-pool{grid-template-columns:1fr}.volleyball-editor-sidebar{grid-template-columns:1fr}.volleyball-editor-court{min-height:430px}.volleyball-editor-position{width:112px}.volleyball-editor-position select{width:108px;max-width:108px;padding:5px;font-size:.54rem}.volleyball-editor-roster-row{grid-template-columns:36px minmax(0,1fr) auto}.volleyball-editor-roster-row .btn{grid-column:2/4;justify-self:stretch}.volleyball-court-title{font-size:.54rem}} @media(max-width:460px){.volleyball-court{min-height:330px}.volleyball-position,.volleyball-editor-position{width:92px;padding-left:4px;padding-right:4px}.volleyball-player-marker{width:38px;height:38px}.volleyball-player-name{max-width:88px}.volleyball-editor-position select{width:88px;max-width:88px}.volleyball-lineup-head{align-items:flex-start}.volleyball-lineup-head .event-lineup-preview-actions{width:100%;display:grid;grid-template-columns:1fr}.volleyball-lineup-head .btn{width:100%}} /* Browser zoom contract: keep native browser zoom. Finite workspace widths prevent zoom-out from being cancelled by fluid growth. Do not add CSS zoom, inverse transforms, devicePixelRatio compensation or viewport-scale JS. */ /* v0.6.8.1 – Dark UI Foundation + sport-specific visual system + dashboard redesign */ :root{ --sport-hero-image:none; --sport-sidebar-image:none; --dashboard-card-bg:linear-gradient(180deg,rgba(15,21,29,.96),rgba(10,15,21,.96)); } :root[data-sport="volleyball"]{ --sport-hero-image:url("/assets/sports/volleyball/dashboard-hero.webp"); --sport-sidebar-image:url("/assets/sports/volleyball/sidebar-atmosphere.png"); } .app-shell .sidebar{isolation:isolate;overflow:hidden} .app-shell .sidebar::after{ content:"";position:absolute;z-index:-1;left:22px;right:10px;bottom:126px;height:43vh;max-height:510px; background-image:var(--sport-sidebar-image); background-repeat:no-repeat;background-position:center bottom;background-size:contain;opacity:.18;pointer-events:none; filter:none;mix-blend-mode:normal } :root[data-theme="light"] .app-shell .sidebar::after{opacity:.10;filter:brightness(0);mix-blend-mode:normal} .app-shell .sidebar>.brand,.app-shell .sidebar>.side-nav,.app-shell .sidebar>.side-foot{position:relative;z-index:1} .app-shell .sidebar{background:linear-gradient(180deg,rgba(8,12,17,.98),rgba(7,10,14,.97));box-shadow:16px 0 48px rgba(0,0,0,.12)} .sports-shell-v0680 .nav-item{min-height:42px;border-radius:10px} .sports-shell-v0680 .nav-item.active{background:linear-gradient(90deg,rgba(156,24,34,.72),rgba(103,18,26,.54));box-shadow:inset 0 0 0 1px rgba(255,76,84,.10)} .sports-shell-v0680 .brand-mark{width:36px;height:36px;border-radius:11px} .dashboard-topbar-v0680{background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom-color:rgba(255,255,255,.055)} .dashboard-version-pill{font-size:.68rem;color:var(--muted);font-weight:800;letter-spacing:.04em;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 10px;white-space:nowrap} .dashboard-v0680{max-width:1500px;padding-top:18px} .dashboard-hero-v0680{ position:relative;overflow:hidden;min-height:230px;border:1px solid var(--line);border-radius:20px; display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.25fr);align-items:stretch; background: radial-gradient(circle at 8% 34%,rgba(255,55,67,.08),transparent 28%), linear-gradient(90deg,#080d13 0%,#090e14 38%,#0b1017 100%); box-shadow:0 18px 48px rgba(0,0,0,.18) } .dashboard-hero-v0680::after{ content:"";position:absolute;inset:0;pointer-events:none; background:linear-gradient(90deg,rgba(7,11,16,.06) 0%,rgba(7,11,16,.03) 44%,rgba(7,11,16,.38) 100%) } .dashboard-hero-copy{position:relative;z-index:2;padding:30px 34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start} .dashboard-hero-copy .eyebrow{font-size:.65rem;letter-spacing:.14em;margin-bottom:10px} .dashboard-hero-copy h1{font-size:clamp(2.15rem,3.4vw,3.6rem);line-height:.98;margin:0 0 13px;max-width:620px} .dashboard-hero-copy p{margin:0;color:#a6b0bc;max-width:560px;font-size:.9rem;line-height:1.52} .dashboard-hero-art{position:relative;z-index:1;min-height:230px;background-image:linear-gradient(90deg,#090e14 0%,rgba(9,14,20,.2) 18%,transparent 44%),var(--sport-hero-image);background-size:cover;background-position:center right;background-repeat:no-repeat} :root[data-theme="light"] .dashboard-hero-v0680{background:linear-gradient(90deg,#10141a 0%,#10151c 100%);color:#fff} :root[data-theme="light"] .dashboard-hero-v0680 .eyebrow{color:#ff5159} :root[data-theme="light"] .dashboard-hero-v0680 .dashboard-hero-copy p{color:#c5ccd5} .dashboard-metrics-v0680{margin:12px 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .dashboard-metrics-v0680 .dashboard-metric{ min-height:78px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--dashboard-card-bg); box-shadow:none } .dashboard-metrics-v0680 .dashboard-metric .metric-value{font-size:1.55rem;margin-top:5px} .dashboard-metrics-v0680 .dashboard-metric-icon{width:38px;height:38px;border-radius:10px} :root[data-theme="light"] .dashboard-metrics-v0680 .dashboard-metric{background:var(--panel)} .dashboard-command-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(310px,.72fr);gap:12px;align-items:start} .dashboard-command-side{display:grid;gap:12px} .dashboard-club-panel,.dashboard-side-card,.dashboard-events-v0680{ border:1px solid var(--line);border-radius:16px;background:var(--dashboard-card-bg);box-shadow:none;min-width:0 } :root[data-theme="light"] .dashboard-club-panel,:root[data-theme="light"] .dashboard-side-card,:root[data-theme="light"] .dashboard-events-v0680{background:var(--panel)} .dashboard-club-panel{padding:15px} .dashboard-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px} .dashboard-panel-head.compact{margin-bottom:10px} .dashboard-panel-head h2{font-size:1.12rem;margin:2px 0 2px} .dashboard-panel-head p{margin:0;color:var(--muted);font-size:.72rem} .dashboard-panel-head .eyebrow{font-size:.58rem} .dashboard-club-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .dashboard-club-card{border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);padding:11px;min-width:0} :root[data-theme="light"] .dashboard-club-card{background:var(--surface-2)} .dashboard-club-card-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;padding-bottom:9px;border-bottom:1px solid var(--line)} .dashboard-club-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,55,67,.15);color:#fff;font-size:.68rem;font-weight:950} .dashboard-club-avatar.tone-1{background:rgba(47,126,247,.22)}.dashboard-club-avatar.tone-2{background:rgba(31,172,108,.22)} .dashboard-club-card-head>div{display:grid;gap:2px;min-width:0}.dashboard-club-card-head strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-club-card-head small{font-size:.61rem;color:var(--muted)} .dashboard-club-card-head>.status-pill{font-size:.56rem;padding:4px 6px} .dashboard-club-team-list{display:grid;gap:5px;padding-top:8px} .dashboard-club-team{width:100%;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.016);color:var(--text);padding:7px 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left} .dashboard-club-team:hover{background:var(--panel-hover);border-color:var(--line-strong)} .dashboard-club-team>span{display:grid;gap:1px;min-width:0}.dashboard-club-team strong{font-size:.68rem}.dashboard-club-team small{font-size:.55rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-club-team b{font-size:.56rem;color:var(--red-strong);white-space:nowrap} .dashboard-side-card{padding:14px} .dashboard-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px} .dashboard-quick-grid button{min-height:69px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);color:var(--text);padding:9px;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;text-align:left} .dashboard-quick-grid button:hover{border-color:rgba(255,55,67,.28);background:rgba(255,55,67,.055)} .dashboard-quick-grid button>span{grid-row:1/3;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,55,67,.10);color:var(--red-strong);font-weight:900} .dashboard-quick-grid strong{font-size:.66rem;align-self:end}.dashboard-quick-grid small{font-size:.52rem;color:var(--muted);line-height:1.25} .dashboard-integration-list{display:grid;gap:7px} .dashboard-integration-list>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:8px;background:rgba(255,255,255,.015)} .dashboard-integration-logo{width:38px;height:38px;border-radius:10px;background:#fff;color:#12416d;display:grid;place-items:center;font-size:.58rem;font-weight:950}.dashboard-integration-logo.calendar{background:rgba(255,55,67,.12);color:var(--red-strong);font-size:1rem} .dashboard-integration-list>div>span:nth-child(2){display:grid;gap:2px;min-width:0}.dashboard-integration-list strong{font-size:.68rem}.dashboard-integration-list small{font-size:.54rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-integration-list .mini-badge{font-size:.52rem} .dashboard-work-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:12px;margin-top:12px} .dashboard-events-v0680{padding:14px} .dashboard-events-v0680 .dashboard-next-list{grid-template-columns:1fr 1fr;display:grid;gap:7px} .dashboard-events-v0680 .dashboard-next-row{padding:9px;border-radius:11px;background:rgba(255,255,255,.015)} .dashboard-events-v0680 .dashboard-next-date{width:42px;height:42px;border-radius:10px} .dashboard-v0680 .dashboard-important{margin:0;border-radius:16px;padding:14px;background:var(--dashboard-card-bg)} :root[data-theme="light"] .dashboard-v0680 .dashboard-important{background:var(--panel)} .dashboard-v0680 .dashboard-important-row{border-radius:11px;padding:8px 9px;background:rgba(255,255,255,.015)} .dashboard-v0680 .dashboard-important-icon{width:34px;height:34px;border-radius:10px} .dashboard-summary-v0680{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px} .dashboard-summary-v0680 .dashboard-summary-card{min-height:210px;border-radius:16px;padding:14px;background:var(--dashboard-card-bg);box-shadow:none} :root[data-theme="light"] .dashboard-summary-v0680 .dashboard-summary-card{background:var(--panel)} .dashboard-summary-v0680 .dashboard-summary-head h2{font-size:1.04rem} .dashboard-summary-v0680 .dashboard-summary-stats>div{padding:8px 9px} .dashboard-summary-v0680 .dashboard-card-action{min-height:34px} @media(max-width:1180px){ .dashboard-command-grid{grid-template-columns:1fr} .dashboard-command-side{grid-template-columns:1fr 1fr} .dashboard-club-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .dashboard-work-grid{grid-template-columns:1fr} } @media(max-width:900px){ .dashboard-hero-v0680{grid-template-columns:1fr;min-height:auto} .dashboard-hero-copy{padding:24px} .dashboard-hero-art{min-height:160px} .dashboard-club-grid{grid-template-columns:1fr} .dashboard-command-side{grid-template-columns:1fr} .dashboard-events-v0680 .dashboard-next-list{grid-template-columns:1fr} .dashboard-summary-v0680{grid-template-columns:1fr} } @media(max-width:620px){ .dashboard-v0680{padding-top:12px} .dashboard-version-pill{display:none} .dashboard-hero-copy{padding:20px 18px} .dashboard-hero-copy h1{font-size:2.25rem} .dashboard-hero-art{min-height:130px;background-position:58% center} .dashboard-metrics-v0680{grid-template-columns:1fr 1fr} .dashboard-metrics-v0680 .dashboard-metric{min-height:74px} .dashboard-panel-head{align-items:stretch;flex-direction:column} .dashboard-panel-head>.btn{width:100%} .dashboard-quick-grid{grid-template-columns:1fr} } /* v0.6.8.3 – True-transparent sport sidebar artwork. The sport artwork is now a real RGBA/alpha asset instead of an opaque dark rectangle. Theme coloring happens on the transparent silhouette only. */ :root[data-theme="dark"] .app-shell .sidebar::after{opacity:.18;filter:none;mix-blend-mode:normal} :root[data-theme="light"] .app-shell .sidebar::after{opacity:.10;filter:brightness(0);mix-blend-mode:normal} /* v0.6.9.0 – Teams & Mannschaftszentrale Professional Workspace */ .teams-v0690,.team-hub-v0690{max-width:1500px;padding-top:18px} .teams-hero-v0690{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:26px 28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,var(--dashboard-card-bg),rgba(255,55,67,.055));margin-bottom:12px;overflow:hidden;position:relative} .teams-hero-v0690::after{content:"";position:absolute;right:-90px;top:-130px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(255,55,67,.12),transparent 67%);pointer-events:none} .teams-hero-v0690>div{position:relative;z-index:1}.teams-hero-v0690 h1{font-size:clamp(2.2rem,4vw,3.7rem);margin:4px 0 10px}.teams-hero-v0690 p{max-width:760px;margin:0;color:var(--muted);font-size:.84rem;line-height:1.55} .teams-hero-actions-v0690{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .teams-metrics-v0690,.team-hub-metrics-v0690{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0} .teams-metrics-v0690 article,.team-hub-metrics-v0690 article{border:1px solid var(--line);border-radius:14px;background:var(--dashboard-card-bg);padding:13px 15px;display:grid;gap:3px;min-width:0} :root[data-theme="light"] .teams-metrics-v0690 article,:root[data-theme="light"] .team-hub-metrics-v0690 article{background:var(--panel)} .teams-metrics-v0690 small,.team-hub-metrics-v0690 small{font-size:.59rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850}.teams-metrics-v0690 strong,.team-hub-metrics-v0690 strong{font-size:1.55rem}.teams-metrics-v0690 span,.team-hub-metrics-v0690 span{font-size:.58rem;color:var(--muted)} .teams-workspace-grid-v0690{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);gap:12px;align-items:start}.teams-main-panel-v0690,.teams-side-card-v0690,.team-hub-panel-v0690,.team-hub-side-card-v0690,.team-hub-command-v0690,.team-hub-system-v0690{border:1px solid var(--line);border-radius:16px;background:var(--dashboard-card-bg);padding:15px;box-shadow:none} :root[data-theme="light"] .teams-main-panel-v0690,:root[data-theme="light"] .teams-side-card-v0690,:root[data-theme="light"] .team-hub-panel-v0690,:root[data-theme="light"] .team-hub-side-card-v0690,:root[data-theme="light"] .team-hub-command-v0690,:root[data-theme="light"] .team-hub-system-v0690{background:var(--panel)} .teams-main-panel-v0690>.section-head,.team-hub-panel-v0690>.section-head{margin-bottom:12px}.teams-main-panel-v0690 .section-head h2,.team-hub-panel-v0690 .section-head h2{font-size:1.15rem;margin:3px 0}.teams-main-panel-v0690 .section-head p,.team-hub-panel-v0690 .section-head p{font-size:.68rem} .teams-directory-grid-v0690{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-directory-card-v0690{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.015);padding:12px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;min-width:0}.team-directory-card-v0690:hover{transform:translateY(-2px);border-color:rgba(255,55,67,.38);background:rgba(255,55,67,.035)} :root[data-theme="light"] .team-directory-card-v0690{background:var(--surface-2)} .team-directory-card-top-v0690{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center}.team-directory-logo-v0690{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#ff414b,#a80c15);color:#fff;font-size:.72rem;font-weight:950;box-shadow:0 10px 24px rgba(239,49,56,.18)}.team-directory-title-v0690{min-width:0}.team-directory-title-v0690 .eyebrow{font-size:.5rem;margin-bottom:2px}.team-directory-title-v0690 h3{font-size:.9rem;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-directory-title-v0690 p{font-size:.58rem;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-directory-card-top-v0690>.status-pill{font-size:.54rem;padding:4px 7px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .team-directory-facts-v0690{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:6px;margin-top:10px}.team-directory-facts-v0690>div{border:1px solid var(--line);border-radius:9px;padding:7px 8px;min-width:0}.team-directory-facts-v0690 small,.team-directory-facts-v0690 strong{display:block}.team-directory-facts-v0690 small{font-size:.49rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.team-directory-facts-v0690 strong{font-size:.58rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-directory-foot-v0690{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:.58rem;color:var(--muted)}.team-directory-foot-v0690 strong{color:var(--red-strong)} .teams-side-v0690{display:grid;gap:12px}.teams-side-card-v0690 h3{font-size:1rem;margin:4px 0 10px}.teams-side-card-v0690 p{font-size:.68rem;color:var(--muted);line-height:1.55;margin:0 0 12px}.teams-quick-v0690{display:grid;grid-template-columns:1fr 1fr;gap:7px}.teams-quick-v0690 button,.team-hub-command-grid-v0690 button{border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.015);color:var(--text);padding:9px;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;text-align:left}.teams-quick-v0690 button:hover,.team-hub-command-grid-v0690 button:hover{border-color:rgba(255,55,67,.28);background:rgba(255,55,67,.055)}.teams-quick-v0690 button>span,.team-hub-command-grid-v0690 button>span{grid-row:1/3;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,55,67,.10);color:var(--red-strong);font-weight:900}.teams-quick-v0690 strong,.team-hub-command-grid-v0690 strong{font-size:.64rem;align-self:end}.teams-quick-v0690 small,.team-hub-command-grid-v0690 small{font-size:.51rem;color:var(--muted);line-height:1.25} .team-hub-hero-v0690{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;min-height:205px;border:1px solid var(--line);border-radius:20px;padding:26px 28px;background:linear-gradient(90deg,#090e14 0%,#0b1119 72%,#101722 100%);color:#fff}.team-hub-hero-v0690::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 28%,rgba(255,55,67,.16),transparent 27%);pointer-events:none}.team-hub-hero-v0690::after{content:"";position:absolute;right:0;bottom:0;width:420px;height:190px;background-image:linear-gradient(90deg,rgba(10,15,21,1),rgba(10,15,21,.22)),var(--sport-hero-image);background-size:cover;background-position:center;opacity:.20;pointer-events:none}.team-hub-hero-copy-v0690,.team-hub-hero-side-v0690{position:relative;z-index:1}.team-hub-hero-copy-v0690 h1{font-size:clamp(2.25rem,4vw,3.8rem);margin:5px 0 9px}.team-hub-hero-copy-v0690 p{font-size:.76rem;color:#b8c0cb;margin:0}.team-hub-hero-copy-v0690 .status-pill{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.12);color:#fff}.team-hub-hero-side-v0690{display:grid;justify-items:end;gap:12px}.team-hub-hero-buttons-v0690{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.team-hub-hero-v0690 .team-hero-mark{width:92px;height:92px;border-radius:24px;font-size:23px;margin:0} .team-hub-command-v0690{display:grid;grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr);gap:18px;align-items:center;margin:12px 0}.team-hub-command-v0690 h2{font-size:1.12rem;margin:3px 0}.team-hub-command-v0690 p{font-size:.66rem;color:var(--muted);margin:0;line-height:1.5}.team-hub-command-grid-v0690{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px} .team-hub-work-grid-v0690{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:12px;margin:12px 0}.team-hub-side-card-v0690 h3{font-size:1.1rem;margin:3px 0 10px}.team-hub-side-card-v0690 dl{margin:0;display:grid;gap:0}.team-hub-side-card-v0690 dl>div{display:grid;grid-template-columns:1fr 1.2fr;gap:9px;padding:8px 0;border-bottom:1px solid var(--line)}.team-hub-side-card-v0690 dl>div:last-child{border-bottom:0}.team-hub-side-card-v0690 dt{font-size:.55rem;color:var(--muted)}.team-hub-side-card-v0690 dd{font-size:.59rem;font-weight:800;text-align:right;margin:0;white-space:normal}.team-hub-side-card-v0690>.btn{margin-top:10px;width:100%} .team-hub-system-v0690{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:22px}.team-hub-system-v0690 h2{font-size:1rem;margin:3px 0}.team-hub-system-v0690 p{font-size:.63rem;color:var(--muted);line-height:1.5;margin:0;max-width:760px}.team-hub-system-tags-v0690{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.team-hub-system-tags-v0690 span{border:1px solid var(--line);border-radius:999px;padding:6px 8px;font-size:.53rem;font-weight:800;color:var(--muted);background:var(--bg-soft)} @media(max-width:1180px){.teams-workspace-grid-v0690,.team-hub-work-grid-v0690{grid-template-columns:1fr}.teams-side-v0690{grid-template-columns:1fr 1fr}.team-hub-command-v0690{grid-template-columns:1fr}.team-hub-command-grid-v0690{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:900px){.teams-directory-grid-v0690{grid-template-columns:1fr}.teams-side-v0690{grid-template-columns:1fr}.teams-metrics-v0690,.team-hub-metrics-v0690{grid-template-columns:1fr 1fr}.team-hub-command-grid-v0690{grid-template-columns:1fr 1fr}.team-hub-hero-v0690{grid-template-columns:1fr}.team-hub-hero-side-v0690{justify-items:start}.team-hub-hero-buttons-v0690{justify-content:flex-start}.team-hub-hero-v0690::after{opacity:.11}} @media(max-width:620px){.teams-v0690,.team-hub-v0690{padding-top:12px}.teams-hero-v0690{align-items:stretch;flex-direction:column;padding:20px 18px}.teams-hero-actions-v0690{justify-content:flex-start}.teams-metrics-v0690,.team-hub-metrics-v0690{grid-template-columns:1fr 1fr}.team-directory-card-top-v0690{grid-template-columns:40px minmax(0,1fr)}.team-directory-card-top-v0690>.status-pill{grid-column:1/-1;justify-self:start}.team-directory-facts-v0690{grid-template-columns:1fr}.teams-quick-v0690,.team-hub-command-grid-v0690{grid-template-columns:1fr}.team-hub-hero-v0690{padding:20px 18px}.team-hub-hero-copy-v0690 h1{font-size:2.35rem}.team-hub-system-v0690{align-items:flex-start;flex-direction:column}.team-hub-system-tags-v0690{justify-content:flex-start}} /* v0.6.9.1 – Mannschaftszentrale Reference Polish + Clear Next Events + Dashboard Team Completeness */ .dashboard-club-overflow-v0691{margin-top:9px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;border:1px dashed var(--line-strong);border-radius:11px;background:rgba(255,55,67,.035);color:var(--text);padding:9px 11px}.dashboard-club-overflow-v0691:hover{border-color:rgba(255,55,67,.45);background:rgba(255,55,67,.065)}.dashboard-club-overflow-v0691>span{display:grid;gap:2px;min-width:0}.dashboard-club-overflow-v0691 strong{font-size:.67rem}.dashboard-club-overflow-v0691 small{font-size:.56rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-club-overflow-v0691 b{font-size:.58rem;color:var(--red-strong);white-space:nowrap} .dashboard-next-kicker-v0691{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.dashboard-next-row-v0691 .source-badge{font-size:.48rem;padding:2px 5px}.dashboard-next-row-v0691 .dashboard-next-main>small{line-height:1.35} .team-hub-v0691{padding-top:11px}.team-hub-hero-v0691{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) 120px minmax(330px,.72fr);align-items:center;gap:18px;min-height:230px;border:1px solid var(--line);border-radius:18px;padding:24px;background:linear-gradient(90deg,#080d13 0%,#0a1017 52%,#111018 100%);color:#fff}.team-hub-hero-v0691::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(7,11,16,.98) 0%,rgba(7,11,16,.82) 43%,rgba(7,11,16,.34) 70%,rgba(7,11,16,.72) 100%),var(--sport-hero-image);background-size:cover;background-position:center 42%;opacity:.72;pointer-events:none}.team-hub-hero-v0691::after{content:"";position:absolute;right:-80px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,38,52,.18),transparent 66%);pointer-events:none}.team-hub-hero-copy-v0691,.team-hub-mark-wrap-v0691,.team-hub-facts-v0691{position:relative;z-index:1}.team-hub-hero-copy-v0691 h1{font-size:clamp(2.35rem,4vw,3.9rem);line-height:.95;margin:6px 0 8px}.team-hub-hero-copy-v0691 p{margin:0;color:#c0c8d2;font-size:.76rem}.team-hub-hero-copy-v0691 .status-pill{background:rgba(8,14,20,.72);border-color:rgba(255,255,255,.12);color:#fff}.team-hub-hero-buttons-v0691{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.team-hub-mark-wrap-v0691{display:grid;place-items:center}.team-hero-mark-v0691{width:100px;height:100px;border-radius:24px;font-size:1.55rem;box-shadow:0 18px 40px rgba(235,38,50,.28)} .team-hub-facts-v0691{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(8,13,19,.62);backdrop-filter:blur(8px);overflow:hidden}.team-hub-facts-v0691>div{display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;padding:11px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);min-width:0}.team-hub-facts-v0691>div:nth-child(2n){border-right:0}.team-hub-facts-v0691>div:nth-last-child(-n+2){border-bottom:0}.team-hub-facts-v0691>div>span{grid-row:1/3;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(255,55,67,.11);color:#ff4a53;font-size:.7rem}.team-hub-facts-v0691>div>span.status-dot{width:9px;height:9px;margin:8px 0 0 7px;background:#27d483;box-shadow:0 0 0 6px rgba(39,212,131,.08)}.team-hub-facts-v0691 small{font-size:.49rem;color:#9ca8b6;text-transform:uppercase;letter-spacing:.06em}.team-hub-facts-v0691 strong{font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .team-hub-metrics-v0691{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:10px 0}.team-hub-metrics-v0691 article{border:1px solid var(--line);border-radius:13px;background:var(--dashboard-card-bg);padding:11px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;min-width:0}.team-hub-metric-icon-v0691{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(255,55,67,.10);color:var(--red-strong);font-weight:900}.team-hub-metrics-v0691 article>div{display:grid;gap:1px;min-width:0}.team-hub-metrics-v0691 small{font-size:.5rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:850}.team-hub-metrics-v0691 strong{font-size:1.23rem;line-height:1.05}.team-hub-metrics-v0691 article>div>span{font-size:.49rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-theme="light"] .team-hub-metrics-v0691 article{background:var(--panel)} .team-hub-primary-grid-v0691{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(315px,.58fr);gap:11px;align-items:start}.team-hub-roster-v0691{min-width:0}.team-hub-side-stack-v0691{display:grid;gap:11px;min-width:0}.team-hub-side-stack-v0691 .team-hub-side-card-v0690{padding:13px}.team-hub-side-stack-v0691 .section-head{margin-bottom:9px}.team-hub-side-stack-v0691 .section-head h2{font-size:.94rem;margin:2px 0}.team-hub-side-stack-v0691 .section-head p{font-size:.56rem}.team-hub-integrations-v0691 .section-head{align-items:center} .team-hub-integration-list-v0691{display:grid;gap:6px}.team-hub-integration-list-v0691 button{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;padding:8px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.015);color:var(--text);text-align:left}.team-hub-integration-list-v0691 button:hover{border-color:rgba(255,55,67,.28);background:var(--panel-hover)}.team-hub-integration-logo-v0691{width:38px;height:38px;border-radius:10px;background:#fff;color:#12416d;display:grid;place-items:center;font-size:.53rem;font-weight:950}.team-hub-integration-logo-v0691.calendar{background:rgba(255,55,67,.10);color:var(--red-strong);font-size:.85rem}.team-hub-integration-list-v0691 button>span:nth-child(2){display:grid;gap:2px;min-width:0}.team-hub-integration-list-v0691 strong{font-size:.62rem}.team-hub-integration-list-v0691 small{font-size:.5rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-hub-integration-list-v0691 b{font-size:.51rem;color:var(--red-strong);white-space:nowrap} .team-hub-next-list-v0691{display:grid;gap:6px}.team-hub-event-v0691{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.012);color:var(--text);padding:7px}.team-hub-event-v0691:hover{border-color:rgba(255,55,67,.28);background:var(--panel-hover)}.team-hub-event-v0691.cancelled{opacity:.65}.team-hub-event-date-v0691{width:42px;height:42px;border-radius:10px;background:var(--red-soft);color:var(--red-strong);display:grid;place-items:center;align-content:center}.team-hub-event-date-v0691 small{font-size:.48rem;font-weight:900;letter-spacing:.06em}.team-hub-event-date-v0691 strong{font-size:1rem;line-height:1}.team-hub-event-copy-v0691{display:grid;gap:2px;min-width:0}.team-hub-event-kicker-v0691{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.team-hub-event-kicker-v0691 .event-type,.team-hub-event-kicker-v0691 .source-badge{font-size:.45rem;padding:2px 5px;margin:0}.team-hub-event-copy-v0691>strong{font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-hub-event-copy-v0691>small{font-size:.5rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-hub-event-status-v0691{display:grid;justify-items:end;gap:5px}.team-hub-event-status-v0691>.status-pill{font-size:.48rem;padding:3px 5px}.team-hub-event-status-v0691>small{display:flex;gap:6px;font-size:.45rem;color:var(--muted);white-space:nowrap}.team-hub-event-status-v0691>small b{color:var(--ok)}.team-hub-empty-v0691{display:flex;gap:9px;align-items:center;border:1px dashed var(--line-strong);border-radius:10px;padding:12px;color:var(--muted)}.team-hub-empty-v0691>span{width:34px;height:34px;border-radius:9px;background:var(--bg-soft);display:grid;place-items:center}.team-hub-empty-v0691>div{display:grid;gap:2px}.team-hub-empty-v0691 strong{font-size:.64rem;color:var(--text)}.team-hub-empty-v0691 small{font-size:.5rem} .team-hub-quick-v0691 h3{font-size:.9rem;margin:3px 0 9px}.team-hub-quick-grid-v0691{display:grid;grid-template-columns:1fr 1fr;gap:6px}.team-hub-quick-grid-v0691 button{display:grid;grid-template-columns:27px minmax(0,1fr);gap:7px;align-items:center;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.015);color:var(--text);padding:7px;text-align:left}.team-hub-quick-grid-v0691 button:hover{border-color:rgba(255,55,67,.28);background:var(--panel-hover)}.team-hub-quick-grid-v0691 button>span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:rgba(255,55,67,.10);color:var(--red-strong)}.team-hub-quick-grid-v0691 strong{font-size:.55rem} .team-hub-pending-v0691{margin-top:11px;border:1px solid var(--line);border-radius:16px;background:var(--dashboard-card-bg);padding:14px}:root[data-theme="light"] .team-hub-pending-v0691{background:var(--panel)}.team-hub-pending-v0691>.section-head{margin-bottom:10px}.team-hub-pending-v0691 .management-card{box-shadow:none}.team-hub-system-v0691{margin-top:11px} @media(max-width:1320px){.team-hub-hero-v0691{grid-template-columns:minmax(0,1fr) 95px minmax(290px,.66fr)}.team-hub-metrics-v0691{grid-template-columns:repeat(3,minmax(0,1fr))}.team-hub-primary-grid-v0691{grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr)}} @media(max-width:1050px){.team-hub-hero-v0691{grid-template-columns:minmax(0,1fr) 90px}.team-hub-facts-v0691{grid-column:1/-1}.team-hub-primary-grid-v0691{grid-template-columns:1fr}.team-hub-side-stack-v0691{grid-template-columns:1fr 1fr}.team-hub-quick-v0691{grid-column:1/-1}} @media(max-width:760px){.team-hub-hero-v0691{grid-template-columns:1fr;padding:19px}.team-hub-mark-wrap-v0691{justify-items:start}.team-hub-facts-v0691{grid-column:auto}.team-hub-metrics-v0691{grid-template-columns:1fr 1fr}.team-hub-side-stack-v0691{grid-template-columns:1fr}.team-hub-quick-v0691{grid-column:auto}.team-hub-event-v0691{grid-template-columns:40px minmax(0,1fr)}.team-hub-event-status-v0691{grid-column:2;justify-items:start}.team-hub-event-status-v0691>small{display:none}} @media(max-width:520px){.team-hub-facts-v0691{grid-template-columns:1fr}.team-hub-facts-v0691>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.team-hub-facts-v0691>div:last-child{border-bottom:0!important}.team-hub-metrics-v0691{grid-template-columns:1fr 1fr}.team-hub-hero-buttons-v0691 .btn{width:100%}.dashboard-club-overflow-v0691{grid-template-columns:1fr}.dashboard-club-overflow-v0691 b{justify-self:start}} /* v0.6.9.4 – Deployment verifier compatibility hotfix; no visual layout changes. */ /* v0.6.9.5 – Calendar & Event Detail Reference Design */ .calendar-v0693{max-width:1540px;padding-top:16px} .calendar-topbar-v0693 .top-title strong{font-size:.78rem}.calendar-topbar-v0693 .top-title small{font-size:.57rem} .calendar-hero-v0693{position:relative;min-height:190px;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);background:linear-gradient(90deg,#090d13 0%,#0b1017 48%,#120d13 100%);color:#fff;margin-bottom:12px} .calendar-hero-v0693::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,18,.98) 0%,rgba(8,12,18,.92) 38%,rgba(8,12,18,.28) 68%,rgba(8,12,18,.5) 100%);pointer-events:none} .calendar-hero-copy-v0693{position:relative;z-index:2;padding:28px 30px;display:flex;flex-direction:column;justify-content:center}.calendar-hero-copy-v0693 h1{font-size:clamp(2.5rem,4vw,4.2rem);line-height:.94;margin:7px 0 12px}.calendar-hero-copy-v0693 p{margin:0;color:#c1c9d3;font-size:.85rem;line-height:1.6} .calendar-hero-art-v0693{min-height:190px;background-image:var(--sport-hero-image);background-size:cover;background-position:center 45%;position:relative;z-index:1}.calendar-hero-art-v0693::after{content:"Mehr als nur Termine.\A Ein starkes Miteinander.";white-space:pre;position:absolute;right:24px;top:28px;font-size:.78rem;line-height:1.25;font-style:italic;color:rgba(255,255,255,.7);transform:rotate(-4deg);text-align:left} .calendar-commandbar-v0693{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.calendar-mode-tabs-v0693{display:flex;gap:7px;flex-wrap:wrap}.calendar-mode-tabs-v0693 .calendar-mode-tab{min-width:118px;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:12px;min-height:42px;font-weight:800}.calendar-mode-tabs-v0693 .calendar-mode-tab.active{background:linear-gradient(145deg,rgba(239,49,56,.32),rgba(120,11,20,.42));color:#fff;border-color:rgba(255,72,80,.45)} .calendar-commandbar-v0693 .calendar-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.calendar-commandbar-v0693 .calendar-hero-actions .btn{min-height:42px} .calendar-filterbar-v0693{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.calendar-filter-tabs-v0693{display:flex;gap:7px;flex-wrap:wrap}.calendar-filter-tabs-v0693 .filter-tab{display:inline-flex;gap:8px;align-items:center;padding:0 14px;min-height:38px}.calendar-filter-tabs-v0693 .filter-tab span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:var(--bg-soft);font-size:.58rem}.calendar-filter-meta-v0693{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.calendar-filter-meta-v0693 .status-pill{font-size:.56rem} .calendar-reference-grid-v0693{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.58fr);gap:12px;align-items:start}.calendar-reference-main-v0693{display:grid;gap:12px;min-width:0}.calendar-reference-board-v0693,.calendar-next-panel-v0693,.calendar-side-card-v0693{border:1px solid var(--line);border-radius:16px;background:var(--dashboard-card-bg);box-shadow:none}:root[data-theme="light"] .calendar-reference-board-v0693,:root[data-theme="light"] .calendar-next-panel-v0693,:root[data-theme="light"] .calendar-side-card-v0693{background:var(--panel)} .calendar-reference-board-v0693{padding:10px}.calendar-reference-board-v0693 .calendar-board{margin:0}.calendar-reference-board-v0693 .calendar-board-toolbar{padding:4px 2px 10px}.calendar-reference-board-v0693 .calendar-board-toolbar h2{font-size:1.25rem}.calendar-reference-board-v0693 .calendar-range-toggle{display:flex;gap:5px} .calendar-reference-board-v0693 .calendar-month{border:1px solid var(--line);border-radius:13px;overflow:hidden}.calendar-reference-board-v0693 .calendar-weekdays{background:rgba(255,255,255,.025)}.calendar-reference-board-v0693 .calendar-month-grid{background:var(--line);gap:1px}.calendar-reference-board-v0693 .calendar-day{min-height:112px;background:var(--dashboard-card-bg);padding:8px}.calendar-reference-board-v0693 .calendar-day.today{box-shadow:inset 0 0 0 2px var(--red-strong);background:rgba(239,49,56,.045)}:root[data-theme="light"] .calendar-reference-board-v0693 .calendar-day{background:#fff}.calendar-reference-board-v0693 .calendar-day-number{font-size:.64rem}.calendar-reference-board-v0693 .calendar-day-number small{font-size:.45rem}.calendar-reference-board-v0693 .calendar-event-chip{border:0;background:transparent!important;box-shadow:none!important;padding:2px 0;text-align:left;min-height:0;color:var(--text);font-size:.53rem}.calendar-reference-board-v0693 .calendar-event-chip span{display:flex;gap:5px;line-height:1.25}.calendar-reference-board-v0693 .calendar-event-chip span::before{content:"";width:7px;height:7px;border-radius:50%;background:#708091;margin-top:2px;flex:0 0 auto}.calendar-reference-board-v0693 .calendar-event-chip.chip-training span::before{background:#29cf86}.calendar-reference-board-v0693 .calendar-event-chip.chip-match span::before{background:#ff4450}.calendar-reference-board-v0693 .calendar-event-chip.chip-meeting span::before,.calendar-reference-board-v0693 .calendar-event-chip.chip-other span::before{background:#3989ff}.calendar-reference-board-v0693 .calendar-event-chip.chip-tournament span::before{background:#9f61ff}.calendar-reference-board-v0693 .calendar-more{font-size:.48rem;color:var(--red-strong)} .calendar-next-panel-v0693{padding:14px}.calendar-panel-head-v0693,.calendar-side-head-v0693{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.calendar-panel-head-v0693 h2,.calendar-side-head-v0693 h3{margin:3px 0 2px}.calendar-panel-head-v0693 h2{font-size:1.15rem}.calendar-panel-head-v0693 p{margin:0;color:var(--muted);font-size:.61rem}.calendar-side-link-v0693{border:0;background:transparent;color:var(--red-strong);font-weight:850;font-size:.58rem;padding:4px} .calendar-next-table-v0693{margin-top:10px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.calendar-next-table-head-v0693,.calendar-next-table-row-v0693{display:grid;grid-template-columns:78px 56px 90px minmax(180px,1.2fr) minmax(170px,1fr) 112px;gap:9px;align-items:center}.calendar-next-table-head-v0693{padding:8px 10px;background:rgba(255,255,255,.025);font-size:.51rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:850}.calendar-next-table-row-v0693{width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);text-align:left;padding:8px 10px}.calendar-next-table-row-v0693:hover{background:var(--panel-hover)}.calendar-next-table-row-v0693>span{font-size:.58rem;min-width:0}.calendar-next-date-v0693{display:grid;gap:1px}.calendar-next-date-v0693 small{font-size:.47rem;color:var(--red-strong);font-weight:900}.calendar-next-date-v0693 strong{font-size:.62rem}.calendar-next-table-row-v0693>span:nth-child(3){display:flex;gap:6px;align-items:center}.calendar-type-dot-v0693{width:8px;height:8px;border-radius:50%;display:inline-block;background:#74808d;flex:0 0 auto}.calendar-type-dot-v0693.type-training{background:#29cf86}.calendar-type-dot-v0693.type-match{background:#ff4450}.calendar-type-dot-v0693.type-meeting,.calendar-type-dot-v0693.type-other{background:#3989ff}.calendar-type-dot-v0693.type-tournament{background:#9f61ff}.calendar-next-title-v0693,.calendar-next-place-v0693{display:grid;gap:2px}.calendar-next-title-v0693 strong,.calendar-next-place-v0693 strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-next-title-v0693 small,.calendar-next-place-v0693 small{font-size:.48rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-next-attendance-v0693{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 7px;font-size:.49rem}.calendar-next-attendance-v0693.state-yes{color:#2fd990;border-color:rgba(47,217,144,.25);background:rgba(47,217,144,.06)}.calendar-next-attendance-v0693.state-no{color:#ff6e76}.calendar-next-attendance-v0693.state-maybe{color:#ffc55c}.calendar-next-empty-v0693{display:flex;align-items:center;gap:10px;padding:18px;color:var(--muted)} .calendar-side-rail-v0693{display:grid;gap:12px}.calendar-side-card-v0693{padding:13px}.calendar-side-head-v0693 h3{font-size:.95rem}.calendar-sync-list-v0693,.calendar-reminder-list-v0693{display:grid;gap:6px;margin-top:10px}.calendar-sync-list-v0693 button,.calendar-reminder-list-v0693 button{width:100%;display:grid;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.012);color:var(--text);padding:8px;text-align:left}.calendar-sync-list-v0693 button{grid-template-columns:38px minmax(0,1fr) auto}.calendar-reminder-list-v0693 button{grid-template-columns:62px 9px minmax(0,1fr) auto}.calendar-sync-list-v0693 button:hover,.calendar-reminder-list-v0693 button:hover{background:var(--panel-hover);border-color:rgba(255,55,67,.28)}.calendar-sync-logo-v0693{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#111;font-weight:950}.calendar-sync-logo-v0693.outlook{background:#1778d3;color:#fff}.calendar-sync-logo-v0693.apple{font-size:.85rem}.calendar-sync-list-v0693 button>span:nth-child(2),.calendar-reminder-list-v0693 button>span:nth-child(3){display:grid;gap:2px;min-width:0}.calendar-sync-list-v0693 strong,.calendar-reminder-list-v0693 strong{font-size:.6rem}.calendar-sync-list-v0693 small,.calendar-reminder-list-v0693 small{font-size:.49rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-sync-list-v0693 b,.calendar-reminder-list-v0693 b{font-size:.5rem;color:var(--red-strong);white-space:nowrap}.calendar-reminder-time-v0693{display:grid;gap:2px}.calendar-reminder-time-v0693 small{font-size:.45rem!important;color:var(--muted)}.calendar-reminder-time-v0693 strong{font-size:.6rem}.calendar-info-v0693 h3{font-size:1rem;margin:3px 0 6px}.calendar-info-v0693 p{font-size:.58rem;line-height:1.5;color:var(--muted);margin:0 0 9px}.calendar-info-checks-v0693{display:grid;gap:5px;margin:9px 0}.calendar-info-checks-v0693 span{font-size:.54rem;color:var(--muted)}.calendar-info-checks-v0693 span::first-letter{color:#29cf86} /* Event detail page-like modal */ .event-detail-backdrop-v0693{padding:18px}.event-detail-modal-v0693{width:min(1580px,calc(100vw - 36px));height:min(930px,calc(100vh - 36px));max-width:none;max-height:none;padding:0;overflow:hidden;background:var(--bg);border-radius:18px}.event-detail-top-v0693{height:46px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,10,13,.92)}:root[data-theme="light"] .event-detail-top-v0693{background:#fff}.event-detail-back-v0693{border:0;background:transparent;color:var(--muted);font-size:.62rem;font-weight:800}.event-detail-back-v0693:hover{color:var(--text)}.event-detail-scroll-v0693{height:calc(100% - 46px);overflow:auto;padding:14px} .event-detail-hero-v0693{min-height:180px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:18px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(90deg,#080d13 0%,#0b1017 50%,#1a0d13 100%);color:#fff}.event-detail-hero-v0693::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(7,11,16,.98),rgba(7,11,16,.82) 50%,rgba(7,11,16,.34) 78%,rgba(7,11,16,.76)),var(--sport-hero-image);background-size:cover;background-position:center 44%;opacity:.78}.event-detail-hero-copy-v0693,.event-detail-hero-mark-v0693{position:relative;z-index:1}.event-detail-kicker-v0693{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.event-detail-hero-copy-v0693 h1{font-size:clamp(2rem,3.6vw,3.5rem);line-height:.95;margin:7px 0 8px}.event-detail-hero-copy-v0693 p{margin:0;color:#bcc5d0;font-size:.72rem}.event-detail-hero-actions-v0693{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.event-detail-hero-mark-v0693{display:grid;place-items:center;justify-self:center;width:105px;height:105px;border-radius:25px;background:linear-gradient(145deg,#ff454e,#b70b17);box-shadow:0 18px 45px rgba(239,49,56,.3)}.event-detail-hero-mark-v0693 span{font-size:1.5rem;font-weight:950}.event-detail-hero-mark-v0693 small{font-size:.49rem;color:#ffd7d9;margin-top:-20px} .event-detail-facts-v0693{display:grid;grid-template-columns:1.2fr .75fr .75fr 1.3fr;gap:9px;margin:10px 0}.event-detail-facts-v0693 article{border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:11px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start}.event-detail-facts-v0693 article>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,55,67,.10);color:var(--red-strong);font-weight:900}.event-detail-facts-v0693 article>div{display:grid;gap:2px}.event-detail-facts-v0693 small{font-size:.49rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.event-detail-facts-v0693 strong{font-size:.64rem}.event-detail-facts-v0693 b{font-size:.9rem}.event-detail-facts-v0693 a{font-size:.5rem;color:var(--red-strong);text-decoration:none;margin-top:2px} .event-detail-source-v0693,.event-detail-note-v0693{border:1px solid rgba(82,141,255,.18);background:rgba(82,141,255,.05);border-radius:12px;padding:9px 11px;margin:8px 0;display:grid;gap:3px}.event-detail-source-v0693 strong,.event-detail-note-v0693 strong{font-size:.58rem}.event-detail-source-v0693 span,.event-detail-note-v0693 p{font-size:.52rem;color:var(--muted);line-height:1.45;margin:0} .event-detail-primary-grid-v0693{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.55fr);gap:11px;align-items:start}.event-detail-main-v0693{display:grid;gap:10px;min-width:0}.event-detail-side-v0693{display:grid;gap:10px}.event-detail-modal-v0693 .event-lineup-preview{margin:0;border-radius:14px;background:var(--panel);box-shadow:none}.event-detail-description-card-v0693,.event-detail-info-card-v0693,.event-rsvp-card-v0693,.event-attendance-card-v0693,.event-detail-quick-card-v0693{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:13px}.event-detail-description-card-v0693 h2{font-size:1.15rem;margin:4px 0 8px}.event-detail-description-card-v0693 p,.event-detail-quick-card-v0693 p{margin:0;color:var(--muted);font-size:.6rem;line-height:1.5}.event-detail-lower-grid-v0693{display:grid;grid-template-columns:1fr 1fr;gap:10px}.event-detail-info-card-v0693 dl{margin:9px 0 0;display:grid;gap:6px}.event-detail-info-card-v0693 dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:5px}.event-detail-info-card-v0693 dt{font-size:.52rem;color:var(--muted)}.event-detail-info-card-v0693 dd{font-size:.54rem;margin:0;text-align:right}.event-detail-info-card-v0693>p{font-size:.58rem;color:var(--muted);line-height:1.5}.event-rsvp-card-v0693 h2{font-size:1.2rem;margin:4px 0}.event-rsvp-card-v0693>p{font-size:.57rem;color:var(--muted);margin:0 0 10px}.event-rsvp-actions-v0693 .attendance-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.event-rsvp-actions-v0693 .attendance-actions .btn{min-height:48px}.event-attendance-card-v0693 .calendar-attendance-progress{margin:10px 0}.event-attendance-summary-v0693{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.event-attendance-summary-v0693 span{border:1px solid var(--line);border-radius:9px;padding:6px 7px;font-size:.51rem}.event-attendance-summary-v0693 .yes{color:#2fd990}.event-attendance-summary-v0693 .maybe{color:#ffc55c}.event-attendance-summary-v0693 .no{color:#ff6e76}.event-attendance-summary-v0693 .open{color:var(--muted)}.event-attendance-list-v0693{display:grid;gap:5px;max-height:285px;overflow:auto}.event-attendance-list-v0693>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:7px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:6px}.event-attendance-list-v0693 .avatar{width:30px;height:30px;border-radius:9px;font-size:.55rem}.event-attendance-list-v0693>div>span:nth-child(2){display:grid;gap:1px;min-width:0}.event-attendance-list-v0693 strong{font-size:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-attendance-list-v0693 small{font-size:.46rem;color:var(--muted)}.event-attendance-list-v0693 .attendance-state{font-size:.45rem;padding:4px 5px}.event-detail-quick-card-v0693 h3{font-size:.9rem;margin:4px 0 6px}.event-detail-quick-card-v0693 .btn{margin-top:9px;width:100%} .event-detail-modal-v0693 .event-comments{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:13px;margin:0}.event-detail-modal-v0693 .event-comments .section-head{margin-bottom:8px} @media(max-width:1250px){.calendar-reference-grid-v0693{grid-template-columns:1fr}.calendar-side-rail-v0693{grid-template-columns:repeat(3,minmax(0,1fr))}.event-detail-primary-grid-v0693{grid-template-columns:1fr}.event-detail-side-v0693{grid-template-columns:1fr 1fr}.event-detail-quick-card-v0693{grid-column:1/-1}} @media(max-width:980px){.calendar-hero-v0693{grid-template-columns:1fr}.calendar-hero-art-v0693{min-height:130px}.calendar-commandbar-v0693,.calendar-filterbar-v0693{align-items:stretch;flex-direction:column}.calendar-commandbar-v0693 .calendar-hero-actions,.calendar-filter-meta-v0693{justify-content:flex-start}.calendar-side-rail-v0693{grid-template-columns:1fr}.calendar-next-table-head-v0693{display:none}.calendar-next-table-row-v0693{grid-template-columns:68px 50px minmax(0,1fr) 100px}.calendar-next-table-row-v0693>span:nth-child(3){display:none}.calendar-next-table-row-v0693>span:nth-child(5){grid-column:3}.calendar-next-table-row-v0693>span:nth-child(6){grid-row:1/3;grid-column:4}.event-detail-facts-v0693{grid-template-columns:1fr 1fr}.event-detail-side-v0693{grid-template-columns:1fr}.event-detail-quick-card-v0693{grid-column:auto}} @media(max-width:720px){.calendar-v0693{padding-top:10px}.calendar-topbar-v0693 .dashboard-version-pill{display:none}.calendar-hero-copy-v0693{padding:20px}.calendar-hero-copy-v0693 h1{font-size:2.35rem}.calendar-commandbar-v0693 .calendar-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.calendar-mode-tabs-v0693 .calendar-mode-tab{min-width:0}.calendar-commandbar-v0693 .calendar-hero-actions{display:grid;grid-template-columns:1fr 1fr}.calendar-commandbar-v0693 .calendar-hero-actions .btn-primary{grid-column:1/-1}.calendar-filter-tabs-v0693{display:grid;grid-template-columns:1fr 1fr}.calendar-reference-board-v0693 .calendar-day{min-height:88px;padding:5px}.calendar-reference-board-v0693 .calendar-event-chip{font-size:.46rem}.calendar-next-table-row-v0693{grid-template-columns:58px minmax(0,1fr);gap:7px}.calendar-next-table-row-v0693>span:nth-child(2){display:none}.calendar-next-table-row-v0693>span:nth-child(4){grid-column:2}.calendar-next-table-row-v0693>span:nth-child(5){grid-column:2}.calendar-next-table-row-v0693>span:nth-child(6){grid-row:auto;grid-column:2}.event-detail-backdrop-v0693{padding:0}.event-detail-modal-v0693{width:100vw;height:100vh;border-radius:0}.event-detail-hero-v0693{grid-template-columns:1fr}.event-detail-hero-mark-v0693{justify-self:start;width:78px;height:78px;border-radius:18px}.event-detail-facts-v0693{grid-template-columns:1fr}.event-detail-lower-grid-v0693{grid-template-columns:1fr}.event-rsvp-actions-v0693 .attendance-actions{grid-template-columns:1fr}.event-detail-scroll-v0693{padding:10px}} /* v0.6.9.5 – Calendar Visual Fidelity Polish */ .calendar-v0695{max-width:1600px;padding-top:14px} .calendar-v0695 .calendar-hero-v0693{min-height:205px;grid-template-columns:minmax(430px,.78fr) minmax(560px,1.22fr);margin-bottom:14px;border-radius:18px} .calendar-v0695 .calendar-hero-copy-v0693{padding:28px 32px} .calendar-v0695 .calendar-hero-copy-v0693 h1{font-size:clamp(2.65rem,3.6vw,4rem);line-height:.96;letter-spacing:-.035em;margin:6px 0 9px;white-space:nowrap} .calendar-v0695 .calendar-hero-copy-v0693 p{font-size:.8rem;line-height:1.5} .calendar-v0695 .calendar-hero-art-v0693{min-height:205px;background-size:auto 112%;background-repeat:no-repeat;background-position:center 47%} .calendar-v0695 .calendar-hero-art-v0693::after{right:26px;top:27px;font-size:.76rem;line-height:1.22} .calendar-v0695 .calendar-commandbar-v0693{margin-bottom:9px} .calendar-v0695 .calendar-mode-tabs-v0693 .calendar-mode-tab{min-width:112px;min-height:40px;border-radius:10px} .calendar-v0695 .calendar-commandbar-v0693 .calendar-hero-actions .btn{min-height:40px;border-radius:10px;padding-left:15px;padding-right:15px} .calendar-filterbar-v0695{align-items:center;gap:10px;margin-bottom:10px} .calendar-filter-controls-v0695{display:grid;grid-template-columns:minmax(220px,1fr) 165px 175px;gap:8px;align-items:center;min-width:min(620px,55vw)} .calendar-search-v0695{min-height:38px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden;color:var(--muted)} .calendar-search-v0695>span{display:grid;place-items:center;font-size:.8rem} .calendar-search-v0695 input{width:100%;height:36px;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--text);padding:0 10px 0 0;font-size:.62rem;outline:0} .calendar-search-v0695 input::placeholder{color:var(--muted)} .calendar-select-v0695{height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:0 30px 0 10px;font-size:.61rem;font-weight:700;outline:0} .calendar-select-v0695:focus,.calendar-search-v0695:focus-within{border-color:rgba(255,67,76,.5);box-shadow:0 0 0 2px rgba(239,49,56,.08)} .calendar-v0695 .calendar-filter-tabs-v0693 .filter-tab{min-height:38px;padding:0 13px;border-radius:10px} .calendar-v0695 .calendar-reference-grid-v0693{grid-template-columns:minmax(0,1fr) 330px;gap:12px} .calendar-v0695 .calendar-reference-board-v0693{padding:10px 10px 11px} .calendar-board-toolbar-v0695{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:3px 2px 10px!important} .calendar-board-title-v0695{display:flex;align-items:center;gap:8px;min-width:0} .calendar-board-title-v0695 h2{margin:0!important;white-space:nowrap;font-size:1.2rem!important;letter-spacing:-.02em} .calendar-board-title-v0695 .btn{width:34px;min-width:34px;height:34px;padding:0;border-radius:9px} .calendar-board-controls-v0695{display:flex;align-items:center;gap:8px;justify-content:flex-end} .calendar-board-controls-v0695>.btn{height:34px;border-radius:9px;min-width:58px} .calendar-board-controls-v0695 .calendar-range-toggle{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft)} .calendar-board-controls-v0695 .calendar-range-toggle .btn{border:0;min-height:28px;height:28px;border-radius:7px;padding:0 12px;background:transparent} .calendar-board-controls-v0695 .calendar-range-toggle .btn.active{background:linear-gradient(145deg,rgba(239,49,56,.55),rgba(120,11,20,.62));color:#fff} .calendar-v0695 .calendar-reference-board-v0693 .calendar-month{border-radius:12px} .calendar-v0695 .calendar-reference-board-v0693 .calendar-weekdays{min-height:34px;align-items:center} .calendar-v0695 .calendar-reference-board-v0693 .calendar-weekdays strong{font-size:.58rem;color:var(--muted);font-weight:800} .calendar-v0695 .calendar-reference-board-v0693 .calendar-day{min-height:124px;padding:8px 9px} .calendar-v0695 .calendar-reference-board-v0693 .calendar-day-number{font-size:.7rem;font-weight:850} .calendar-v0695 .calendar-reference-board-v0693 .calendar-event-chip{font-size:.58rem;padding:3px 0} .calendar-v0695 .calendar-reference-board-v0693 .calendar-event-chip span{gap:6px;line-height:1.28} .calendar-v0695 .calendar-reference-board-v0693 .calendar-event-chip span::before{width:8px;height:8px;margin-top:1px} .calendar-v0695 .calendar-side-rail-v0693{gap:10px} .calendar-v0695 .calendar-side-card-v0693{padding:13px 14px;border-radius:14px} .calendar-v0695 .calendar-side-head-v0693 h3{font-size:.98rem} .calendar-v0695 .calendar-sync-list-v0693 button{grid-template-columns:40px minmax(0,1fr) auto;padding:8px 9px} .calendar-v0695 .calendar-sync-logo-v0693{width:40px;height:40px} .calendar-v0695 .calendar-sync-list-v0693 strong,.calendar-v0695 .calendar-reminder-list-v0693 strong{font-size:.62rem} .calendar-v0695 .calendar-sync-list-v0693 small,.calendar-v0695 .calendar-reminder-list-v0693 small{font-size:.5rem} .calendar-v0695 .calendar-reminder-list-v0693 button{grid-template-columns:66px 9px minmax(0,1fr) auto;padding:8px 9px} .calendar-v0695 .calendar-next-panel-v0693{padding:14px 15px;border-radius:14px} .calendar-v0695 .calendar-panel-head-v0693 h2{font-size:1.08rem} .calendar-v0695 .calendar-panel-head-v0693 p{font-size:.59rem} .calendar-next-table-v0695{border-radius:10px;margin-top:9px} .calendar-next-table-head-v0695,.calendar-next-table-row-v0695{grid-template-columns:66px 52px 72px minmax(150px,1.25fr) minmax(105px,.75fr) minmax(135px,1fr) 96px 26px;gap:8px} .calendar-next-table-head-v0695{font-size:.48rem;padding:7px 9px} .calendar-next-table-row-v0695{padding:8px 9px;min-height:48px} .calendar-next-table-row-v0695>span{font-size:.57rem} .calendar-next-team-v0695{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .calendar-next-team-v0695 strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .calendar-next-place-v0693 small{font-size:.49rem!important;line-height:1.25;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .calendar-next-more-v0695{justify-self:end;font-weight:900;letter-spacing:.12em;color:var(--muted)} :root[data-theme="light"] .calendar-search-v0695,:root[data-theme="light"] .calendar-select-v0695{background:#fff} @media(max-width:1400px){ .calendar-v0695 .calendar-hero-v0693{grid-template-columns:minmax(390px,.9fr) minmax(430px,1.1fr)} .calendar-filter-controls-v0695{grid-template-columns:minmax(190px,1fr) 145px 155px;min-width:min(540px,54vw)} .calendar-v0695 .calendar-reference-grid-v0693{grid-template-columns:minmax(0,1fr) 300px} .calendar-next-table-head-v0695,.calendar-next-table-row-v0695{grid-template-columns:62px 48px 68px minmax(135px,1.15fr) minmax(95px,.7fr) minmax(120px,.9fr) 90px 22px;gap:6px} } @media(max-width:1180px){ .calendar-v0695 .calendar-hero-v0693{grid-template-columns:1fr 1fr} .calendar-v0695 .calendar-hero-copy-v0693 h1{white-space:normal} .calendar-filterbar-v0695{align-items:stretch;flex-direction:column} .calendar-filter-controls-v0695{min-width:0;width:100%;grid-template-columns:minmax(220px,1fr) 160px 180px} .calendar-v0695 .calendar-reference-grid-v0693{grid-template-columns:1fr} .calendar-v0695 .calendar-side-rail-v0693{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:820px){ .calendar-v0695 .calendar-hero-v0693{grid-template-columns:1fr} .calendar-v0695 .calendar-hero-art-v0693{min-height:145px;background-size:cover} .calendar-filter-controls-v0695{grid-template-columns:1fr 1fr} .calendar-search-v0695{grid-column:1/-1} .calendar-board-toolbar-v0695{align-items:flex-start!important;flex-direction:column} .calendar-board-controls-v0695{width:100%;justify-content:space-between} .calendar-v0695 .calendar-side-rail-v0693{grid-template-columns:1fr} .calendar-next-table-head-v0695{display:none} .calendar-next-table-row-v0695{grid-template-columns:64px minmax(0,1fr) 96px;gap:7px} .calendar-next-table-row-v0695>span:nth-child(2),.calendar-next-table-row-v0695>span:nth-child(3),.calendar-next-table-row-v0695>span:nth-child(5),.calendar-next-table-row-v0695>span:nth-child(8){display:none} .calendar-next-table-row-v0695>span:nth-child(4){grid-column:2} .calendar-next-table-row-v0695>span:nth-child(6){grid-column:2} .calendar-next-table-row-v0695>span:nth-child(7){grid-row:1/3;grid-column:3} } @media(max-width:560px){ .calendar-filter-controls-v0695{grid-template-columns:1fr} .calendar-search-v0695{grid-column:auto} .calendar-v0695 .calendar-hero-copy-v0693{padding:20px} .calendar-v0695 .calendar-hero-copy-v0693 h1{font-size:2.25rem} .calendar-board-controls-v0695{align-items:stretch;flex-direction:column} .calendar-board-controls-v0695 .calendar-range-toggle{display:grid;grid-template-columns:repeat(3,1fr)} .calendar-v0695 .calendar-reference-board-v0693 .calendar-day{min-height:86px;padding:5px} .calendar-v0695 .calendar-reference-board-v0693 .calendar-event-chip{font-size:.46rem} } /* v0.6.9.6 – Event Detail Final Polish */ .event-detail-modal-v0693 .event-detail-hero-v0693{min-height:158px;padding:18px 20px;grid-template-columns:minmax(0,1fr) 110px} .event-detail-modal-v0693 .event-detail-hero-copy-v0693 h1{font-size:clamp(2rem,3.15vw,3.05rem);margin:6px 0 7px} .event-detail-modal-v0693 .event-detail-hero-actions-v0693{margin-top:11px} .event-detail-modal-v0693 .event-detail-hero-mark-v0693{width:92px;height:92px;border-radius:22px} .event-detail-modal-v0693 .event-detail-facts-v0693{gap:8px;margin:8px 0} .event-detail-modal-v0693 .event-detail-facts-v0693 article{min-height:64px;padding:9px 10px} .event-detail-modal-v0693 .event-detail-primary-grid-v0693{grid-template-columns:minmax(0,1.72fr) minmax(285px,.52fr);gap:10px} .event-detail-modal-v0693 .event-detail-main-v0693,.event-detail-modal-v0693 .event-detail-side-v0693{gap:9px} .event-lineup-compact-v0696 .event-lineup-preview{border-radius:14px} .event-lineup-compact-v0696 .event-lineup-preview-head{padding:10px 12px} .event-lineup-compact-v0696 .volleyball-lineup-head strong{font-size:.98rem} .event-lineup-compact-v0696 .volleyball-lineup-head span{font-size:.55rem} .event-lineup-compact-v0696 .event-lineup-preview-actions .btn{min-height:34px;padding:7px 10px} .event-lineup-compact-v0696 .volleyball-lineup-body{grid-template-columns:minmax(0,1fr) 245px;gap:10px;padding:10px} .event-lineup-compact-v0696 .volleyball-court-stage{padding:9px;border-radius:14px} .event-lineup-compact-v0696 .volleyball-court-title{padding-bottom:7px;font-size:.52rem} .event-lineup-compact-v0696 .volleyball-court-title b{font-size:.58rem} .event-lineup-compact-v0696 .volleyball-court-title span{font-size:.5rem} .event-lineup-compact-v0696 .volleyball-court{min-height:286px;border-width:6px;border-radius:14px} .event-lineup-compact-v0696 .volleyball-court:before,.event-lineup-compact-v0696 .volleyball-court-grid{inset:17px} .event-lineup-compact-v0696 .volleyball-net{top:17px;left:17px;right:17px;height:6px} .event-lineup-compact-v0696 .volleyball-attack-line{left:17px;right:17px} .event-lineup-compact-v0696 .volleyball-position{width:108px;min-height:80px;padding:15px 5px 5px;border-radius:12px;gap:2px} .event-lineup-compact-v0696 .volleyball-position-label{width:17px;height:17px;font-size:.5rem;top:2px} .event-lineup-compact-v0696 .volleyball-player-marker{width:36px;height:36px;border-width:3px;font-size:.62rem} .event-lineup-compact-v0696 .volleyball-player-name{max-width:102px;padding:3px 6px;font-size:.58rem} .event-lineup-compact-v0696 .volleyball-position small{padding:1px 5px;font-size:.47rem} .event-lineup-compact-v0696 .volleyball-zone-caption{font-size:.42rem;padding:2px 5px} .event-lineup-compact-v0696 .volleyball-court-legend{padding-top:7px;font-size:.52rem;gap:10px} .event-lineup-compact-v0696 .volleyball-player-pool{gap:7px} .event-lineup-compact-v0696 .volleyball-pool-card{padding:9px;border-radius:12px} .event-lineup-compact-v0696 .volleyball-pool-head span{font-size:.48rem} .event-lineup-compact-v0696 .volleyball-pool-head strong{font-size:.64rem} .event-lineup-compact-v0696 .volleyball-pool-head>b{min-width:24px;height:24px;border-radius:8px;font-size:.58rem} .event-lineup-compact-v0696 .volleyball-progress{height:5px;margin-top:7px} .event-lineup-compact-v0696 .volleyball-pool-list{gap:5px;margin-top:6px;max-height:76px;overflow:auto} .event-lineup-compact-v0696 .volleyball-pool-player{grid-template-columns:28px minmax(0,1fr) auto;gap:6px;padding:5px} .event-lineup-compact-v0696 .volleyball-pool-avatar{width:28px;height:28px;border-radius:8px;font-size:.54rem} .event-lineup-compact-v0696 .volleyball-pool-player strong{font-size:.57rem} .event-lineup-compact-v0696 .volleyball-pool-player small,.event-lineup-compact-v0696 .volleyball-pool-player>b{font-size:.47rem} .event-lineup-compact-v0696 .volleyball-pool-empty{margin-top:6px;padding:6px 7px;font-size:.52rem} .event-detail-ops-grid-v0696{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .event-detail-op-card-v0696{min-height:152px;padding:11px 12px} .event-detail-op-card-v0696 .calendar-card-heading{min-height:26px} .event-detail-op-card-v0696 .calendar-card-heading>b{margin-left:auto;color:var(--muted);font-size:.49rem} .event-detail-op-card-v0696 dl{margin-top:7px;gap:4px} .event-detail-op-card-v0696 dl>div{padding-bottom:4px} .event-detail-schedule-v0696{display:grid;gap:5px;margin-top:8px} .event-detail-schedule-v0696>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:5px} .event-detail-schedule-v0696 span{font-size:.52rem;color:var(--muted)} .event-detail-schedule-v0696 strong{font-size:.55rem} .event-detail-support-copy-v0696,.event-detail-note-copy-v0696,.event-detail-empty-copy-v0696{font-size:.54rem;line-height:1.45;color:var(--muted);margin:8px 0 0;white-space:pre-line} .event-detail-note-copy-v0696{color:var(--text)} .event-detail-task-list-v0696{display:grid;gap:5px;margin-top:8px} .event-detail-task-preview-v0696{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:center;padding:5px 6px;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft)} .event-detail-task-preview-v0696>span{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;color:var(--muted);font-size:.58rem;font-weight:900} .event-detail-task-preview-v0696.done>span{background:rgba(47,217,144,.10);color:#2fd990} .event-detail-task-preview-v0696>div{display:grid;gap:1px;min-width:0} .event-detail-task-preview-v0696 strong{font-size:.54rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .event-detail-task-preview-v0696 small{font-size:.46rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .event-detail-more-v0696{font-size:.47rem;color:var(--muted);padding:2px 1px} .event-detail-comments-wide-v0696{margin-top:10px} .event-detail-comments-wide-v0696 .event-comments{width:100%} :root[data-theme="light"] .event-detail-task-preview-v0696{background:#fbfcfd} @media(max-width:1250px){ .event-detail-modal-v0693 .event-detail-primary-grid-v0693{grid-template-columns:1fr} .event-detail-modal-v0693 .event-detail-side-v0693{grid-template-columns:repeat(3,minmax(0,1fr))} .event-detail-modal-v0693 .event-detail-quick-card-v0693{grid-column:auto} .event-lineup-compact-v0696 .volleyball-lineup-body{grid-template-columns:minmax(0,1fr) 250px!important} } @media(max-width:980px){ .event-detail-modal-v0693 .event-detail-side-v0693{grid-template-columns:1fr} .event-lineup-compact-v0696 .volleyball-lineup-body{grid-template-columns:1fr!important} .event-lineup-compact-v0696 .volleyball-player-pool{grid-template-columns:repeat(4,minmax(0,1fr))} .event-detail-ops-grid-v0696{grid-template-columns:1fr 1fr} } @media(max-width:720px){ .event-detail-modal-v0693 .event-detail-hero-v0693{min-height:auto;padding:16px;grid-template-columns:1fr} .event-detail-modal-v0693 .event-detail-hero-copy-v0693 h1{font-size:2rem} .event-lineup-compact-v0696 .volleyball-court{min-height:330px} .event-lineup-compact-v0696 .volleyball-player-pool{grid-template-columns:1fr 1fr} .event-detail-ops-grid-v0696{grid-template-columns:1fr} } @media(max-width:460px){ .event-lineup-compact-v0696 .volleyball-player-pool{grid-template-columns:1fr} } /* v0.6.9.7 – Event Detail Layout Balance Polish */ .event-detail-modal-v0693 .event-detail-primary-grid-v0697{grid-template-columns:minmax(0,1.78fr) minmax(286px,.5fr);align-items:start} .event-detail-primary-grid-v0697 .event-detail-main-v0693{align-content:start} .event-detail-ops-wide-v0697{margin-top:10px} .event-detail-ops-wide-v0697 .event-detail-ops-grid-v0696{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .event-detail-ops-wide-v0697 .event-detail-op-card-v0696{min-height:126px} .event-detail-comments-wide-v0697{margin-top:9px} /* The match lineup inside the event detail is a preview, not the full workspace. */ .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-lineup-body{grid-template-columns:minmax(0,1fr) 218px;gap:9px;padding:9px} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-court-stage{padding:8px} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-court{height:248px;min-height:0;aspect-ratio:auto;border-width:5px} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-court:before, .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-court-grid{inset:15px} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-net{top:15px;left:15px;right:15px;height:5px} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-attack-line{left:15px;right:15px} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-position{width:94px;min-height:68px;padding:13px 4px 4px;border-radius:10px} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-position-label{width:15px;height:15px;font-size:.46rem;top:2px} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-player-marker{width:32px;height:32px;border-width:3px;font-size:.55rem} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-player-name{max-width:88px;padding:2px 5px;font-size:.52rem} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-position small{padding:1px 4px;font-size:.43rem} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-zone-caption{font-size:.38rem;padding:2px 4px} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-court-legend{padding-top:6px;font-size:.48rem} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-pool-card{padding:8px} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-pool-list{max-height:58px} .event-detail-primary-grid-v0697 .event-attendance-list-v0693{max-height:205px} @media(max-width:1250px){ .event-detail-modal-v0693 .event-detail-primary-grid-v0697{grid-template-columns:1fr} .event-detail-ops-wide-v0697 .event-detail-ops-grid-v0696{grid-template-columns:repeat(2,minmax(0,1fr))} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-lineup-body{grid-template-columns:minmax(0,1fr) 230px!important} } @media(max-width:980px){ .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-lineup-body{grid-template-columns:1fr!important} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-court{height:300px} } @media(max-width:720px){ .event-detail-ops-wide-v0697 .event-detail-ops-grid-v0696{grid-template-columns:1fr} .event-detail-primary-grid-v0697 .event-lineup-compact-v0696 .volleyball-court{height:330px;min-height:0;aspect-ratio:auto} } /* v0.6.9.8 – Event Detail Reference Fidelity */ .event-detail-backdrop-v0698{ position:fixed;left:var(--sidebar);top:var(--topbar-height);right:0;bottom:0; padding:0;background:var(--bg);backdrop-filter:none;z-index:25;overflow:hidden; } .event-detail-modal-v0698{ width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0; box-shadow:none;background:var(--bg);overflow:hidden; } .event-detail-top-v0698{ height:42px;padding:0 clamp(16px,2.5vw,30px);background:var(--bg)!important; border-bottom:0;position:relative;z-index:2; } .event-ref-top-actions-v0698{display:flex;align-items:center;gap:7px} .event-detail-scroll-v0698{ height:calc(100% - 42px);padding:0 clamp(16px,2.5vw,30px) 28px;overflow:auto; max-width:1540px;margin:0 auto; } .event-ref-hero-v0698{ min-height:178px;position:relative;overflow:hidden;display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.82fr) minmax(210px,.55fr); gap:18px;align-items:center;padding:20px 22px;border:1px solid var(--line);border-radius:16px; background:linear-gradient(90deg,#090d13 0%,#0b1118 48%,#1b0b12 100%);color:#fff; } .event-ref-hero-v0698::before{ content:"";position:absolute;inset:0;background: linear-gradient(90deg,rgba(7,11,16,.98) 0%,rgba(7,11,16,.88) 39%,rgba(7,11,16,.42) 70%,rgba(7,11,16,.18) 100%), radial-gradient(circle at 76% 45%,rgba(239,49,56,.15),transparent 28rem); pointer-events:none; } .event-ref-hero-copy-v0698,.event-ref-matchup-v0698,.event-ref-hero-art-v0698{position:relative;z-index:1} .event-ref-hero-copy-v0698 h1{font-size:clamp(2rem,3.2vw,3.1rem);line-height:.98;letter-spacing:-.045em;margin:7px 0 8px;white-space:normal} .event-ref-hero-copy-v0698 p{margin:0;color:#aeb9c5;font-size:.72rem;line-height:1.45} .event-ref-hero-copy-v0698 p i{font-style:normal;color:#66717e;padding:0 5px} .event-ref-hero-chips-v0698{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px} .event-ref-chip-v0698{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(16,23,32,.86);font-size:.55rem;font-weight:800;color:#d7dde4} .event-ref-chip-v0698.primary{border-color:rgba(255,64,71,.5);background:rgba(239,49,56,.18);color:#ff696f} .event-ref-matchup-v0698{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;gap:10px;min-width:0} .event-ref-club-v0698{display:grid;justify-items:center;gap:5px;text-align:center;min-width:0} .event-ref-club-v0698>b{width:66px;height:66px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#ff3f49,#c50f1b);font-size:1.15rem;box-shadow:0 15px 36px rgba(239,49,56,.28)} .event-ref-club-v0698.away>b{background:#151e29;color:#e9edf2;border:1px solid rgba(255,255,255,.12);box-shadow:none} .event-ref-club-v0698 strong{max-width:120px;font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .event-ref-club-v0698 small{font-size:.5rem;color:#8793a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px} .event-ref-vs-v0698{text-align:center;color:#798491;font-size:.68rem;font-weight:900} .event-ref-hero-art-v0698{height:150px;border-radius:12px;background-image:linear-gradient(90deg,rgba(8,12,17,.15),rgba(8,12,17,.52)),var(--sport-hero-image);background-size:cover;background-position:center;opacity:.86} .event-ref-hero-art-v0698::after{content:"Same\A Team\A Higher\A Goals.";white-space:pre;position:absolute;right:14px;top:18px;color:rgba(255,255,255,.55);font-size:.74rem;font-style:italic;line-height:1.25;transform:rotate(-4deg)} .event-ref-facts-v0698{display:grid;grid-template-columns:1.05fr .78fr .78fr 1.55fr;gap:9px;margin:10px 0} .event-ref-facts-v0698 article{min-height:68px;border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:10px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center} .event-ref-facts-v0698 article>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,55,67,.11);color:var(--red-strong);font-weight:900} .event-ref-facts-v0698 article>div{display:grid;gap:2px;min-width:0} .event-ref-facts-v0698 small{font-size:.47rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em} .event-ref-facts-v0698 strong{font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .event-ref-facts-v0698 b{font-size:.84rem} .event-ref-facts-v0698 a{font-size:.48rem;color:var(--red-strong);text-decoration:none} .event-ref-facts-v0698 article.location{grid-template-columns:34px minmax(0,1fr) auto} .event-ref-facts-v0698 article.location .btn{min-height:34px;padding:0 10px;font-size:.53rem} .event-ref-primary-v0698{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);gap:10px;align-items:start} .event-ref-primary-v0698>main,.event-ref-primary-v0698>aside{display:grid;gap:10px;min-width:0} .event-ref-lineup-card-v0698,.event-ref-rsvp-card-v0698,.event-ref-attendance-card-v0698,.event-ref-matchday-link-v0698{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:12px} .event-ref-section-head-v0698{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px} .event-ref-section-head-v0698 h2{font-size:1rem;margin:0;letter-spacing:-.02em} .event-ref-section-head-v0698 p{margin:3px 0 0;font-size:.54rem;line-height:1.35;color:var(--muted)} .event-ref-section-head-v0698 .btn{min-height:32px;font-size:.52rem} .event-ref-lineup-grid-v0698{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:9px;align-items:stretch} .event-ref-court-v0698{position:relative;min-height:245px;border:1px solid rgba(255,255,255,.10);border-radius:12px;overflow:hidden;background: linear-gradient(180deg,rgba(113,20,29,.35),rgba(26,14,19,.88)), linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.18) 49.9%,rgba(255,255,255,.18) 50.1%,transparent 50.3%), radial-gradient(circle at 50% 10%,rgba(239,49,56,.18),transparent 44%);padding:13px 13px 44px} .event-ref-court-v0698::before{content:"";position:absolute;left:8%;right:8%;top:49%;height:1px;background:rgba(255,255,255,.18)} .event-ref-court-v0698::after{content:"";position:absolute;inset:10px 8% 42px;border:1px solid rgba(255,255,255,.18);transform:perspective(420px) rotateX(2deg);pointer-events:none} .event-ref-court-grid-v0698{position:relative;z-index:2;height:180px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;align-items:center;justify-items:center;gap:12px 8px} .event-ref-player-v0698{display:grid;justify-items:center;gap:3px;min-width:74px;text-align:center} .event-ref-player-v0698::before{content:"";position:absolute} .event-ref-player-number-v0698{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid #ff4851;background:#11161d;color:#fff;font-size:.7rem;font-weight:900;box-shadow:0 0 0 2px rgba(239,49,56,.15)} .event-ref-player-v0698.occupied .event-ref-player-number-v0698{border-color:#ff3b46;background:linear-gradient(145deg,#301016,#11161d)} .event-ref-player-v0698.empty{opacity:.48} .event-ref-player-v0698 strong{font-size:.55rem;max-width:78px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .event-ref-player-v0698 small{font-size:.43rem;color:#8d98a5} .event-ref-line-v0698{position:absolute;z-index:1;left:50%;top:10px;bottom:42px;width:1px;background:rgba(255,255,255,.10)} .event-ref-libero-v0698{position:absolute;z-index:3;left:50%;bottom:8px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid rgba(54,223,143,.34);border-radius:10px;background:#0d1716} .event-ref-libero-v0698>b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#0c1917;border:1px solid #39d98a;color:#fff;font-size:.55rem} .event-ref-libero-v0698>span{display:grid;font-size:.5rem;font-weight:800}.event-ref-libero-v0698 small{font-size:.42rem;color:#39d98a}.event-ref-libero-v0698.empty{opacity:.55;border-color:var(--line)} .event-ref-bench-v0698{display:grid;grid-template-rows:1fr 1fr auto;gap:7px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);padding:9px;min-width:0} .event-ref-bench-v0698 section{display:grid;align-content:start;gap:4px;min-height:0} .event-ref-mini-head-v0698{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.event-ref-mini-head-v0698 strong{font-size:.57rem}.event-ref-mini-head-v0698 span{font-size:.46rem;color:var(--muted)} .event-ref-bench-v0698 section>div:not(.event-ref-mini-head-v0698){display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;align-items:center;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05)} .event-ref-bench-v0698 section>div>b{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--panel);font-size:.48rem;color:var(--muted)} .event-ref-bench-v0698 section>div>span{font-size:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-ref-bench-v0698 section>div>span small{display:block;color:var(--muted);font-size:.41rem;margin-top:1px} .event-ref-bench-v0698 p{margin:3px 0;color:var(--muted);font-size:.48rem;line-height:1.4} .event-ref-bench-v0698 footer{font-size:.48rem;color:var(--muted);border-top:1px solid var(--line);padding-top:6px} .event-ref-rsvp-card-v0698>div:first-child h2,.event-ref-attendance-card-v0698 h2{font-size:1rem;margin:0} .event-ref-rsvp-card-v0698>div:first-child p{margin:3px 0 9px;color:var(--muted);font-size:.54rem} .event-ref-rsvp-grid-v0698{display:grid;grid-template-columns:repeat(4,1fr);gap:6px} .event-ref-rsvp-option-v0698{min-height:70px;border:1px solid var(--line);border-radius:11px;background:var(--bg-soft);color:var(--text);display:grid;place-items:center;align-content:center;gap:5px;padding:7px;font-weight:800} button.event-ref-rsvp-option-v0698:hover{border-color:var(--line-strong);background:var(--panel-hover)} .event-ref-rsvp-option-v0698 b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);font-size:.75rem} .event-ref-rsvp-option-v0698 span{font-size:.48rem} .event-ref-rsvp-option-v0698.yes.active{border-color:#2fd990;background:rgba(47,217,144,.13);color:#4ee8a3}.event-ref-rsvp-option-v0698.maybe.active{border-color:#d3a23c;background:rgba(255,191,71,.10);color:#ffc55c}.event-ref-rsvp-option-v0698.no.active{border-color:#cc3842;background:rgba(239,49,56,.13);color:#ff7479}.event-ref-rsvp-option-v0698.open.active{border-color:#697482;background:rgba(125,138,152,.10);color:#b2bcc7} .event-ref-rsvp-confirm-v0698{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;margin-top:8px;padding:8px;border:1px solid rgba(47,217,144,.18);border-radius:10px;background:rgba(47,217,144,.06)} .event-ref-rsvp-confirm-v0698>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(47,217,144,.15);color:#39d98a}.event-ref-rsvp-confirm-v0698 strong{font-size:.52rem}.event-ref-rsvp-confirm-v0698 small{display:block;color:var(--muted);font-size:.42rem;margin-top:2px} .event-ref-attendance-card-v0698{padding-bottom:10px}.event-ref-attendance-card-v0698 .event-ref-section-head-v0698{align-items:center;margin-bottom:8px}.event-ref-attendance-card-v0698 .calendar-side-link-v0693{font-size:.48rem} .event-ref-attendee-row-v0698{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.event-ref-attendee-v0698{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#18202a;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line);font-size:.49rem;font-weight:900;color:#d6dde4}.event-ref-attendee-v0698.state-yes{background:#163f34;color:#54e6a6}.event-ref-attendee-v0698.state-maybe{background:#40331a;color:#ffd06f}.event-ref-attendee-v0698.state-no{background:#431b21;color:#ff7d83}.event-ref-attendee-v0698.more{background:var(--bg-soft);color:var(--muted)} .event-ref-attendance-legend-v0698{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:.45rem}.event-ref-attendance-legend-v0698 .yes{color:#39d98a}.event-ref-attendance-legend-v0698 .maybe{color:#ffc55c}.event-ref-attendance-legend-v0698 .no{color:#ff6e76}.event-ref-attendance-legend-v0698 .open{color:var(--muted)} .event-ref-ops-v0698{margin-top:10px}.event-ref-ops-v0698 .event-detail-ops-grid-v0696{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.event-ref-ops-v0698 .event-detail-op-card-v0696{min-height:162px} .event-ref-matchday-link-v0698{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:16px}.event-ref-matchday-link-v0698 h3{font-size:.9rem;margin:3px 0}.event-ref-matchday-link-v0698 p{font-size:.53rem;color:var(--muted);margin:0}.event-ref-matchday-link-v0698 .btn{min-width:190px} .event-ref-comments-v0698{margin-top:10px} :root[data-theme="light"] .event-detail-backdrop-v0698,:root[data-theme="light"] .event-detail-modal-v0698,:root[data-theme="light"] .event-detail-top-v0698{background:var(--bg)!important} :root[data-theme="light"] .event-ref-hero-v0698{color:#fff} :root[data-theme="light"] .event-ref-court-v0698{background:linear-gradient(180deg,#351118,#180e12),radial-gradient(circle at 50% 10%,rgba(239,49,56,.18),transparent 44%);color:#fff} :root[data-theme="light"] .event-ref-player-v0698 strong{color:#fff} @media(max-width:1260px){ .event-ref-hero-v0698{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr)} .event-ref-hero-art-v0698{display:none} .event-ref-primary-v0698{grid-template-columns:minmax(0,1.4fr) minmax(300px,.72fr)} .event-ref-lineup-grid-v0698{grid-template-columns:minmax(0,1fr) 180px} .event-ref-rsvp-grid-v0698{grid-template-columns:1fr 1fr} } @media(max-width:980px){ .event-ref-hero-v0698{grid-template-columns:1fr}.event-ref-matchup-v0698{max-width:380px} .event-ref-facts-v0698{grid-template-columns:1fr 1fr}.event-ref-facts-v0698 article.location{grid-column:1/-1} .event-ref-primary-v0698{grid-template-columns:1fr}.event-ref-lineup-grid-v0698{grid-template-columns:1fr 190px} .event-ref-ops-v0698 .event-detail-ops-grid-v0696{grid-template-columns:1fr 1fr} } @media(max-width:820px){ .event-detail-backdrop-v0698{left:0;top:var(--topbar-height)} } @media(max-width:720px){ .event-detail-scroll-v0698{padding:0 10px 20px}.event-ref-hero-v0698{padding:16px;min-height:0}.event-ref-hero-copy-v0698 h1{font-size:2rem}.event-ref-matchup-v0698{grid-template-columns:1fr 26px 1fr} .event-ref-facts-v0698{grid-template-columns:1fr}.event-ref-facts-v0698 article.location{grid-column:auto;grid-template-columns:34px minmax(0,1fr)}.event-ref-facts-v0698 article.location .btn{grid-column:1/-1} .event-ref-lineup-grid-v0698{grid-template-columns:1fr}.event-ref-court-v0698{min-height:260px}.event-ref-bench-v0698{grid-template-columns:1fr 1fr;grid-template-rows:auto}.event-ref-bench-v0698 footer{grid-column:1/-1} .event-ref-ops-v0698 .event-detail-ops-grid-v0696{grid-template-columns:1fr}.event-ref-matchday-link-v0698{align-items:stretch;flex-direction:column}.event-ref-matchday-link-v0698 .btn{width:100%;min-width:0} } /* v0.6.9.9 – Event Detail Scroll Containment Hotfix */ html.event-detail-scroll-lock-v0699, body.event-detail-scroll-lock-v0699{ overflow:hidden!important; overscroll-behavior:none; } .event-detail-backdrop-v0698{ overscroll-behavior:contain; } .event-detail-scroll-v0698{ overscroll-behavior:contain; -webkit-overflow-scrolling:touch; scrollbar-gutter:stable; } /* v0.6.9.10 – Matchday Navigation & Scroll Isolation Hotfix */ html.modal-scroll-lock-v06910, body.modal-scroll-lock-v06910{ overflow:hidden!important; overscroll-behavior:none; } .matchday-editor-modal{ display:flex; flex-direction:column; overflow:hidden; overscroll-behavior:contain; } .matchday-editor-body{ flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; scrollbar-gutter:stable; } /* v0.6.10.0 – Matchday Reference Design */ .matchday-reference-v06100{width:min(100%,1540px);max-width:1540px;padding-top:14px} .matchday-topbar-v06100 .top-actions{display:flex;align-items:center;gap:9px} .matchday-overview-hero-v06100{ min-height:210px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);overflow:hidden; border:1px solid var(--line);border-radius:19px;background:linear-gradient(90deg,#080d13 0%,#0c1118 54%,#1b0b12 100%);color:#fff;margin-bottom:10px } .matchday-overview-hero-copy-v06100{padding:28px 30px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2} .matchday-overview-hero-copy-v06100 h1{font-size:clamp(2.45rem,4.2vw,4rem);line-height:.95;letter-spacing:-.05em;margin:7px 0 10px} .matchday-overview-hero-copy-v06100 p{max-width:600px;margin:0;color:#b9c1cb;font-size:.82rem;line-height:1.5} .matchday-overview-hero-art-v06100{min-height:210px;background-image:linear-gradient(90deg,#0a0f15 0%,rgba(10,15,21,.1) 25%,rgba(10,15,21,.14) 100%),var(--sport-hero-image);background-size:cover;background-position:center 43%;position:relative} .matchday-overview-hero-art-v06100::after{content:"Spiel für Spiel.\A Gemeinsam vorbereitet.";white-space:pre;position:absolute;right:24px;top:26px;color:rgba(255,255,255,.63);font-size:.72rem;line-height:1.3;font-style:italic;transform:rotate(-4deg)} :root[data-theme="light"] .matchday-overview-hero-v06100{color:#fff} .matchday-overview-metrics-v06100{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 12px} .matchday-overview-metrics-v06100 article{min-height:76px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:12px 14px;display:grid;gap:2px} .matchday-overview-metrics-v06100 small{font-size:.55rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:900} .matchday-overview-metrics-v06100 strong{font-size:1.28rem;line-height:1.05} .matchday-overview-metrics-v06100 span{font-size:.62rem;color:var(--muted)} .matchday-next-card-v06100{position:relative;overflow:hidden;display:grid;grid-template-columns:78px minmax(0,1fr) minmax(250px,.65fr) auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:17px;background:var(--panel);margin-bottom:12px} .matchday-next-card-v06100::after{content:"";position:absolute;right:-40px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(239,49,56,.12),transparent 66%);pointer-events:none} .matchday-next-card-v06100 .matchday-next-date{position:relative;z-index:1} .matchday-next-card-v06100 .matchday-next-copy{position:relative;z-index:1} .matchday-next-card-v06100 .matchday-next-copy h2{font-size:1.45rem;margin:4px 0 4px} .matchday-next-card-v06100 .matchday-next-copy p{font-size:.7rem;color:var(--muted);margin:0} .matchday-next-art-v06100{height:105px;border-radius:12px;background-image:linear-gradient(90deg,rgba(8,12,17,.35),rgba(8,12,17,.08)),var(--sport-hero-image);background-size:cover;background-position:center;opacity:.78;position:relative;z-index:1} .matchday-next-card-v06100 .matchday-next-actions{position:relative;z-index:1;display:grid;gap:7px;min-width:150px} .matchday-overview-list-v06100{border:1px solid var(--line);border-radius:17px;background:var(--panel);padding:16px} .matchday-overview-list-v06100 .matchday-overview-card{background:var(--panel-strong);border-color:var(--line)} .matchday-overview-list-v06100 .matchday-overview-card:hover{border-color:var(--line-strong);background:var(--panel-hover)} .matchday-detail-toolbar-v06100{min-height:42px;border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:5px 7px;margin-bottom:9px} .matchday-ref-hero-v06100{min-height:176px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.72fr) minmax(220px,.62fr);gap:18px;align-items:center;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(90deg,#080d13 0%,#0b1118 48%,#1c0b12 100%);color:#fff} .matchday-ref-hero-v06100::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 45%,rgba(239,49,56,.16),transparent 28rem);pointer-events:none} .matchday-ref-hero-copy-v06100,.matchday-ref-matchup-v06100,.matchday-ref-hero-art-v06100{position:relative;z-index:1} .matchday-ref-hero-copy-v06100 h1{font-size:clamp(2rem,3.15vw,3.05rem);line-height:.98;letter-spacing:-.045em;margin:7px 0 8px} .matchday-ref-hero-copy-v06100 p{margin:0;color:#abb6c2;font-size:.68rem;line-height:1.4} .matchday-ref-badges-v06100{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px} .matchday-ref-badges-v06100 .mini-badge{background:rgba(14,20,28,.86);border-color:rgba(255,255,255,.12);color:#d9dfe6} .matchday-ref-badges-v06100 .mini-badge.accent{border-color:rgba(255,64,71,.45);color:#ff676e;background:rgba(239,49,56,.15)} .matchday-ref-badges-v06100 .mini-badge.ok{color:#43dc98;border-color:rgba(67,220,152,.28)} .matchday-ref-matchup-v06100{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:10px;text-align:center} .matchday-ref-matchup-v06100>div{display:grid;justify-items:center;gap:6px;min-width:0} .matchday-ref-matchup-v06100 b{width:66px;height:66px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#ff3e48,#c60e1a);font-size:1.05rem;box-shadow:0 14px 34px rgba(239,49,56,.28)} .matchday-ref-matchup-v06100 b.opponent{background:#151e29;border:1px solid rgba(255,255,255,.12);box-shadow:none} .matchday-ref-matchup-v06100 span{max-width:120px;font-size:.54rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#dce1e6;font-weight:800} .matchday-ref-matchup-v06100>strong{font-size:.62rem;color:#7d8894} .matchday-ref-hero-art-v06100{height:145px;border-radius:12px;background-image:linear-gradient(90deg,rgba(8,12,17,.15),rgba(8,12,17,.5)),var(--sport-hero-image);background-size:cover;background-position:center;opacity:.86} .matchday-ref-hero-art-v06100::after{content:"Same\A Team\A Higher\A Goals.";white-space:pre;position:absolute;right:14px;top:18px;color:rgba(255,255,255,.53);font-size:.67rem;line-height:1.25;font-style:italic;transform:rotate(-4deg)} :root[data-theme="light"] .matchday-ref-hero-v06100{color:#fff} .matchday-ref-facts-v06100{display:grid;grid-template-columns:1.05fr .85fr 1.5fr .8fr auto;gap:8px;margin:9px 0} .matchday-ref-facts-v06100 article{min-height:66px;border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:9px 10px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center;min-width:0} .matchday-ref-facts-v06100 article>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(255,55,67,.11);color:var(--red-strong);font-weight:900} .matchday-ref-facts-v06100 article>div{display:grid;gap:2px;min-width:0} .matchday-ref-facts-v06100 small{font-size:.46rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:850} .matchday-ref-facts-v06100 strong{font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .matchday-ref-fact-actions-v06100{display:flex;align-items:center;justify-content:flex-end;gap:6px} .matchday-ref-fact-actions-v06100 .btn{min-height:38px;white-space:nowrap} .matchday-focus-tabs-v06100{position:sticky;top:var(--topbar-height);z-index:20;display:flex;gap:5px;padding:6px;margin-bottom:9px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(16px);overflow-x:auto;scrollbar-width:none} .matchday-focus-tabs-v06100::-webkit-scrollbar{display:none} .matchday-focus-tabs-v06100 button{flex:0 0 auto;border:0;background:transparent;color:var(--muted);border-radius:9px;padding:8px 11px;font:inherit;font-size:.66rem;font-weight:850;cursor:pointer} .matchday-focus-tabs-v06100 button:hover{background:var(--surface-2);color:var(--text)} .matchday-focus-tabs-v06100 button.active{background:var(--red-soft);color:var(--text);box-shadow:inset 0 -2px 0 var(--red-strong)} .matchday-focus-content-v06100{display:grid;gap:9px} .matchday-ref-overview-v06100{gap:9px} .matchday-ref-metrics-v06100{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .matchday-ref-metrics-v06100 article{min-height:72px;padding:11px 12px;border-radius:13px} .matchday-ref-primary-v06100{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.72fr);gap:9px;align-items:start} .matchday-ref-primary-v06100>.event-ref-lineup-card-v0698{margin:0;min-width:0} .matchday-ref-side-v06100{display:grid;gap:9px;min-width:0} .matchday-ref-rsvp-v06100,.matchday-ref-participants-v06100,.matchday-ref-readiness-v06100{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:12px} .matchday-ref-rsvp-v06100 h2,.matchday-ref-participants-v06100 h2,.matchday-ref-readiness-v06100 h2{font-size:1rem;margin:2px 0 2px} .matchday-ref-rsvp-v06100 p,.matchday-ref-participants-v06100 p{margin:0 0 8px;color:var(--muted);font-size:.53rem;line-height:1.35} .matchday-ref-rsvp-v06100 .attendance-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px} .matchday-ref-rsvp-v06100 .attendance-actions .btn{min-height:54px;margin:0;font-size:.58rem} .matchday-ref-card-head-v06100{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px} .matchday-ref-card-head-v06100 .calendar-side-link-v0693{font-size:.48rem} .matchday-ref-attendee-row-v06100{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .matchday-ref-attendee-v06100{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line);background:#18202a;color:#d7dde4;font-size:.48rem;font-weight:900} .matchday-ref-attendee-v06100.yes{background:#163f34;color:#54e6a6}.matchday-ref-attendee-v06100.maybe{background:#40331a;color:#ffd06f}.matchday-ref-attendee-v06100.no{background:#431b21;color:#ff7d83}.matchday-ref-attendee-v06100.open,.matchday-ref-attendee-v06100.more{background:var(--bg-soft);color:var(--muted)} .matchday-ref-legend-v06100{display:flex;gap:9px;flex-wrap:wrap;margin-top:8px;font-size:.44rem}.matchday-ref-legend-v06100 .yes{color:#39d98a}.matchday-ref-legend-v06100 .maybe{color:#ffc55c}.matchday-ref-legend-v06100 .no{color:#ff6e76}.matchday-ref-legend-v06100 .open{color:var(--muted)} .matchday-ref-readiness-v06100 .matchday-readiness-list{grid-template-columns:1fr 1fr;gap:5px}.matchday-ref-readiness-v06100 .matchday-readiness-item{font-size:.52rem;padding:7px 8px}.matchday-ref-readiness-v06100 .btn{margin-top:7px;width:100%;justify-content:center} .matchday-ref-info-grid-v06100{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .matchday-ref-info-grid-v06100>article{min-height:160px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:12px;min-width:0} .matchday-ref-info-title-v06100{display:flex;align-items:center;gap:7px;margin-bottom:9px}.matchday-ref-info-title-v06100>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,55,67,.10);color:var(--red-strong);font-weight:900}.matchday-ref-info-title-v06100 strong{font-size:.76rem}.matchday-ref-info-title-v06100 small{margin-left:auto;color:var(--muted);font-size:.44rem} .matchday-ref-info-grid-v06100 dl{display:grid;margin:0}.matchday-ref-info-grid-v06100 dl>div{display:grid;grid-template-columns:42% minmax(0,1fr);gap:7px;padding:5px 0;border-bottom:1px solid var(--line)}.matchday-ref-info-grid-v06100 dl>div:last-child{border-bottom:0}.matchday-ref-info-grid-v06100 dt{font-size:.47rem;color:var(--muted)}.matchday-ref-info-grid-v06100 dd{margin:0;font-size:.5rem;font-weight:800;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .matchday-ref-mini-list-v06100{display:grid;gap:5px}.matchday-ref-mini-row-v06100{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:center}.matchday-ref-mini-row-v06100>b{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--bg-soft);color:var(--muted);font-size:.5rem}.matchday-ref-mini-row-v06100>b.ok{background:rgba(47,217,144,.12);color:#39d98a}.matchday-ref-mini-row-v06100>span{display:grid;gap:1px;min-width:0}.matchday-ref-mini-row-v06100 strong{font-size:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchday-ref-mini-row-v06100 small{font-size:.43rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .matchday-focus-content-v06100>.matchday-center-panel,.matchday-focus-content-v06100>.matchday-focus-panel{border-radius:14px;box-shadow:none} .matchday-focus-content-v06100 .matchday-center-roster.expanded{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} .matchday-focus-content-v06100 .matchday-center-roster.expanded>div{border:1px solid var(--line);background:var(--panel-strong)} .matchday-focus-content-v06100 .matchday-lineup-shell>.event-lineup-preview{margin:0} .matchday-focus-content-v06100 .matchday-result-panel{margin:0} @media(max-width:1280px){ .matchday-overview-hero-v06100{grid-template-columns:1fr minmax(300px,.75fr)} .matchday-next-card-v06100{grid-template-columns:72px minmax(0,1fr) auto}.matchday-next-art-v06100{display:none} .matchday-ref-hero-v06100{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}.matchday-ref-hero-art-v06100{display:none} .matchday-ref-facts-v06100{grid-template-columns:1fr 1fr 1.3fr 1fr}.matchday-ref-fact-actions-v06100{grid-column:1/-1;justify-content:flex-start} .matchday-ref-primary-v06100{grid-template-columns:minmax(0,1.35fr) minmax(300px,.7fr)} .matchday-ref-info-grid-v06100{grid-template-columns:1fr 1fr} .matchday-focus-content-v06100 .matchday-center-roster.expanded{grid-template-columns:1fr 1fr} } @media(max-width:980px){ .matchday-overview-hero-v06100{grid-template-columns:1fr}.matchday-overview-hero-art-v06100{min-height:150px} .matchday-overview-metrics-v06100{grid-template-columns:1fr 1fr} .matchday-ref-hero-v06100{grid-template-columns:1fr}.matchday-ref-matchup-v06100{max-width:360px} .matchday-ref-facts-v06100{grid-template-columns:1fr 1fr}.matchday-ref-fact-actions-v06100{grid-column:1/-1} .matchday-ref-primary-v06100{grid-template-columns:1fr}.matchday-ref-rsvp-v06100 .attendance-actions{grid-template-columns:repeat(3,1fr)} } @media(max-width:720px){ .matchday-reference-v06100{padding-left:10px;padding-right:10px} .matchday-overview-hero-copy-v06100{padding:22px 18px}.matchday-overview-hero-copy-v06100 h1{font-size:2.4rem}.matchday-overview-hero-art-v06100{min-height:120px} .matchday-overview-metrics-v06100{grid-template-columns:1fr 1fr} .matchday-next-card-v06100{grid-template-columns:62px 1fr}.matchday-next-card-v06100 .matchday-next-actions{grid-column:1/-1;grid-template-columns:1fr 1fr} .matchday-ref-hero-v06100{padding:16px}.matchday-ref-hero-copy-v06100 h1{font-size:2rem}.matchday-ref-matchup-v06100{grid-template-columns:1fr 24px 1fr} .matchday-ref-facts-v06100{grid-template-columns:1fr}.matchday-ref-fact-actions-v06100{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.matchday-ref-fact-actions-v06100 .btn:last-child:nth-child(3){grid-column:1/-1} .matchday-ref-info-grid-v06100{grid-template-columns:1fr} .matchday-ref-readiness-v06100 .matchday-readiness-list{grid-template-columns:1fr} .matchday-focus-content-v06100 .matchday-center-roster.expanded{grid-template-columns:1fr} } /* v0.6.10.2 – Mobile Calendar Polish */ .calendar-mobile-more-v06102{display:none} .calendar-mobile-agenda-v06102{display:grid;gap:10px;border:1px solid var(--line);border-radius:16px;background:var(--dashboard-card-bg);padding:12px} :root[data-theme="light"] .calendar-mobile-agenda-v06102{background:var(--panel)} .calendar-mobile-agenda-head-v06102{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:2px 2px 4px} .calendar-mobile-agenda-head-v06102 h2{margin:2px 0 2px;font-size:1.05rem;letter-spacing:-.02em} .calendar-mobile-agenda-head-v06102 p{margin:0;color:var(--muted);font-size:.58rem;line-height:1.4} .calendar-mobile-agenda-list-v06102{display:grid;gap:7px} .calendar-mobile-agenda-event-v06102{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) auto 12px;align-items:center;gap:9px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);padding:9px;text-align:left;cursor:pointer} .calendar-mobile-agenda-event-v06102:active{background:var(--panel-hover)} .calendar-mobile-agenda-date-v06102{width:48px;min-height:52px;border-radius:11px;background:var(--bg-soft);display:grid;place-items:center;align-content:center;line-height:1.05} .calendar-mobile-agenda-date-v06102 small{font-size:.45rem;color:var(--red-strong);font-weight:900} .calendar-mobile-agenda-date-v06102 strong{font-size:1.1rem} .calendar-mobile-agenda-date-v06102 b{font-size:.46rem;color:var(--muted)} .calendar-mobile-agenda-copy-v06102{display:grid;gap:2px;min-width:0} .calendar-mobile-agenda-copy-v06102>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.48rem;font-weight:800;text-transform:uppercase} .calendar-mobile-agenda-copy-v06102>strong{font-size:.69rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .calendar-mobile-agenda-copy-v06102>small{font-size:.53rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .calendar-mobile-agenda-copy-v06102>em{font-style:normal;font-size:.48rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .calendar-mobile-agenda-status-v06102{font-size:.47rem;font-weight:850;border:1px solid var(--line);border-radius:999px;padding:5px 6px;white-space:nowrap;color:var(--muted)} .calendar-mobile-agenda-status-v06102.state-yes{color:#2fd990;border-color:rgba(47,217,144,.28);background:rgba(47,217,144,.06)} .calendar-mobile-agenda-status-v06102.state-no{color:#ff6e76;border-color:rgba(255,110,118,.25)} .calendar-mobile-agenda-status-v06102.state-maybe{color:#ffc55c;border-color:rgba(255,197,92,.25)} .calendar-mobile-agenda-open-v06102{font-size:1.05rem;color:var(--muted)} .calendar-mobile-agenda-more-v06102{width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:.6rem;font-weight:850;padding:10px 8px 2px;cursor:pointer} @media(max-width:720px){ .calendar-v0695{padding-top:6px!important;padding-left:8px!important;padding-right:8px!important} .calendar-v0695 .calendar-hero-v0693{display:block!important;min-height:142px!important;height:142px;margin-bottom:8px!important;border-radius:14px!important} .calendar-v0695 .calendar-hero-v0693::after{background:linear-gradient(90deg,rgba(7,11,16,.98) 0%,rgba(7,11,16,.91) 52%,rgba(7,11,16,.42) 78%,rgba(7,11,16,.56) 100%)} .calendar-v0695 .calendar-hero-copy-v0693{position:relative;z-index:3;max-width:72%;height:100%;padding:14px 15px!important;justify-content:center} .calendar-v0695 .calendar-hero-copy-v0693 .eyebrow{font-size:.48rem} .calendar-v0695 .calendar-hero-copy-v0693 h1{font-size:1.85rem!important;line-height:.93!important;letter-spacing:-.035em;margin:4px 0 7px!important} .calendar-v0695 .calendar-hero-copy-v0693 p{font-size:.58rem!important;line-height:1.35!important;max-width:31ch} .calendar-v0695 .calendar-hero-copy-v0693 p br{display:none} .calendar-v0695 .calendar-hero-art-v0693{position:absolute;right:0;top:0;width:58%;height:100%;min-height:0!important;background-size:cover!important;background-position:center 46%!important;opacity:.92} .calendar-v0695 .calendar-hero-art-v0693::after{display:none} .calendar-commandbar-v06102{display:grid!important;grid-template-columns:1fr;gap:7px!important;margin-bottom:7px!important} .calendar-commandbar-v06102 .calendar-mode-tabs-v0693{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto;scrollbar-width:none;padding-bottom:1px} .calendar-commandbar-v06102 .calendar-mode-tabs-v0693::-webkit-scrollbar{display:none} .calendar-commandbar-v06102 .calendar-mode-tab{flex:0 0 auto;min-width:92px!important;min-height:36px!important;height:36px;border-radius:10px!important;padding:0 11px!important;font-size:.57rem!important} .calendar-commandbar-v06102 .calendar-hero-actions{display:flex!important;align-items:center;gap:6px!important;flex-wrap:nowrap!important;justify-content:stretch!important} .calendar-commandbar-v06102 .calendar-desktop-secondary-v06102{display:none!important} .calendar-commandbar-v06102 .calendar-primary-action-v06102{flex:1 1 auto;min-height:38px!important;height:38px!important;grid-column:auto!important;font-size:.62rem} .calendar-mobile-more-v06102{display:block;position:relative;flex:0 0 auto} .calendar-mobile-more-v06102>summary{list-style:none;display:flex;align-items:center;justify-content:center;min-width:72px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-size:.58rem;font-weight:850;cursor:pointer} .calendar-mobile-more-v06102>summary::-webkit-details-marker{display:none} .calendar-mobile-more-v06102[open]>summary{border-color:rgba(239,49,56,.35);background:var(--red-soft)} .calendar-mobile-more-v06102>div{position:absolute;right:0;top:44px;z-index:30;width:min(235px,78vw);padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel-strong);box-shadow:0 18px 42px rgba(0,0,0,.28)} .calendar-mobile-more-v06102>div button{width:100%;display:flex;align-items:center;gap:8px;border:0;border-radius:9px;background:transparent;color:var(--text);padding:10px;font:inherit;font-size:.59rem;font-weight:800;text-align:left} .calendar-mobile-more-v06102>div button:active{background:var(--panel-hover)} .calendar-filterbar-v0695{gap:7px!important;margin-bottom:8px!important} .calendar-v0695 .calendar-filter-tabs-v0693{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto;scrollbar-width:none;padding:0 0 1px} .calendar-v0695 .calendar-filter-tabs-v0693::-webkit-scrollbar{display:none} .calendar-v0695 .calendar-filter-tabs-v0693 .filter-tab{flex:0 0 auto;min-width:auto!important;min-height:34px!important;height:34px;padding:0 10px!important;font-size:.54rem!important;border-radius:9px!important} .calendar-v0695 .calendar-filter-tabs-v0693 .filter-tab span{min-width:18px;height:18px;font-size:.48rem} .calendar-filter-controls-v0695{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important} .calendar-search-v0695{grid-column:1/-1!important;min-height:34px!important;border-radius:9px!important} .calendar-search-v0695 input{height:32px!important;font-size:.56rem!important} .calendar-select-v0695{height:34px!important;border-radius:9px!important;font-size:.53rem!important;padding-left:8px!important} .calendar-mobile-agenda-v06102{border-radius:13px;padding:9px;gap:8px} .calendar-mobile-agenda-head-v06102{padding:1px 1px 3px} .calendar-mobile-agenda-event-v06102{grid-template-columns:44px minmax(0,1fr) 11px;padding:8px;gap:8px;border-radius:11px} .calendar-mobile-agenda-date-v06102{width:44px;min-height:48px;border-radius:10px} .calendar-mobile-agenda-status-v06102{display:none} .calendar-mobile-agenda-open-v06102{display:block} .calendar-reference-grid-v0693{display:block!important} .calendar-reference-main-v0693{gap:8px!important} .calendar-reference-board-v0693{padding:7px!important;border-radius:13px!important} .calendar-board-toolbar-v0695{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:1px 1px 7px!important} .calendar-board-title-v0695{justify-content:space-between;width:100%} .calendar-board-title-v0695 h2{font-size:.93rem!important;text-align:center;white-space:normal!important;flex:1} .calendar-board-title-v0695 .btn{width:31px!important;min-width:31px!important;height:31px!important;border-radius:8px!important} .calendar-board-controls-v0695{display:flex!important;flex-direction:row!important;width:100%;align-items:center!important;justify-content:space-between!important;gap:6px!important} .calendar-board-controls-v0695 .calendar-range-toggle{display:grid!important;grid-template-columns:repeat(3,1fr)!important;flex:1;gap:3px!important;padding:3px!important;border-radius:9px!important} .calendar-board-controls-v0695 .calendar-range-toggle .btn{min-width:0!important;height:28px!important;padding:0 8px!important;font-size:.52rem!important} .calendar-board-controls-v0695>.btn{height:34px!important;min-width:58px!important;font-size:.52rem!important} .calendar-reference-board-v0693 .calendar-week-grid{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(78vw,1fr);min-height:0!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:1px;gap:7px;padding:1px 1px 5px;scrollbar-width:none;background:transparent} .calendar-reference-board-v0693 .calendar-week-grid::-webkit-scrollbar{display:none} .calendar-reference-board-v0693 .calendar-week-day{scroll-snap-align:start;min-height:205px;border:1px solid var(--line)!important;border-radius:11px;overflow:hidden;background:var(--panel)!important} .calendar-reference-board-v0693 .calendar-week-day.today{box-shadow:inset 0 0 0 1px var(--red-strong);background:linear-gradient(180deg,var(--red-soft),var(--panel) 32%)!important} .calendar-reference-board-v0693 .calendar-week-day-head{padding:10px;border-bottom:1px solid var(--line);text-align:left;display:flex;align-items:baseline;justify-content:space-between} .calendar-reference-board-v0693 .calendar-week-day-head strong{font-size:.62rem} .calendar-reference-board-v0693 .calendar-week-day-head span{font-size:1rem} .calendar-reference-board-v0693 .calendar-week-events{padding:8px;gap:7px} .calendar-reference-board-v0693 .calendar-week-events .calendar-event-chip{display:block!important;min-height:42px!important;border:1px solid var(--line)!important;border-left:3px solid var(--muted)!important;border-radius:9px!important;background:var(--bg-soft)!important;padding:8px!important;font-size:.59rem!important} .calendar-reference-board-v0693 .calendar-week-events .calendar-event-chip.chip-training{border-left-color:#29cf86!important} .calendar-reference-board-v0693 .calendar-week-events .calendar-event-chip.chip-match{border-left-color:#ff4450!important} .calendar-reference-board-v0693 .calendar-week-events .calendar-event-chip.chip-meeting,.calendar-reference-board-v0693 .calendar-week-events .calendar-event-chip.chip-other{border-left-color:#3989ff!important} .calendar-reference-board-v0693 .calendar-week-events .calendar-event-chip.chip-tournament{border-left-color:#9f61ff!important} .calendar-reference-board-v0693 .calendar-week-events .calendar-event-chip span{display:block!important;white-space:normal!important;line-height:1.3!important} .calendar-reference-board-v0693 .calendar-week-events .calendar-event-chip span::before{display:none!important} .calendar-reference-board-v0693 .calendar-no-events{padding:22px 0;font-size:.58rem} .calendar-reference-board-v0693 .calendar-month{border-radius:10px!important} .calendar-reference-board-v0693 .calendar-weekdays{min-height:27px!important} .calendar-reference-board-v0693 .calendar-weekdays strong{font-size:.49rem!important;padding:6px 2px!important} .calendar-v0695 .calendar-reference-board-v0693 .calendar-day{min-height:54px!important;padding:4px!important} .calendar-reference-board-v0693 .calendar-day-number{min-height:18px!important;margin-bottom:2px!important} .calendar-reference-board-v0693 .calendar-day-number span{width:20px!important;height:20px!important;border-radius:6px!important;font-size:.55rem!important} .calendar-reference-board-v0693 .calendar-day-number small{display:none!important} .calendar-reference-board-v0693 .calendar-day-events{display:flex!important;align-items:center;gap:2px!important;flex-wrap:wrap} .calendar-reference-board-v0693 .calendar-day-events .calendar-event-chip{display:block!important;width:10px!important;height:10px!important;min-height:10px!important;border:0!important;border-radius:999px!important;padding:0!important;background:#74808d!important;overflow:hidden} .calendar-reference-board-v0693 .calendar-day-events .calendar-event-chip.chip-training{background:#29cf86!important} .calendar-reference-board-v0693 .calendar-day-events .calendar-event-chip.chip-match{background:#ff4450!important} .calendar-reference-board-v0693 .calendar-day-events .calendar-event-chip.chip-meeting,.calendar-reference-board-v0693 .calendar-day-events .calendar-event-chip.chip-other{background:#3989ff!important} .calendar-reference-board-v0693 .calendar-day-events .calendar-event-chip.chip-tournament{background:#9f61ff!important} .calendar-reference-board-v0693 .calendar-day-events .calendar-event-chip span{display:none!important} .calendar-reference-board-v0693 .calendar-more{font-size:.4rem!important;padding:0!important} .calendar-next-panel-v0693{margin-top:8px;padding:10px!important;border-radius:13px!important} .calendar-v0695 .calendar-side-rail-v0693{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:8px} .calendar-v0695 .calendar-side-card-v0693{padding:10px 11px!important;border-radius:13px!important} .calendar-info-v0693{order:3} } @media(max-width:720px){ .calendar-reference-board-v0693 .calendar-day[data-action="calendar-mobile-day"]{cursor:pointer;touch-action:manipulation} .calendar-reference-board-v0693 .calendar-day[data-action="calendar-mobile-day"]:active{background:var(--panel-hover)!important} } /* v0.6.10.3 – Mobile Calendar Day Focus */ .calendar-mobile-calendar-workspace-v06103{display:grid;gap:10px} .calendar-mobile-board-v06103{display:grid;gap:9px;border:1px solid var(--line);border-radius:14px;background:var(--dashboard-card-bg);padding:10px} :root[data-theme="light"] .calendar-mobile-board-v06103{background:var(--panel)} .calendar-mobile-board-head-v06103{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:7px} .calendar-mobile-board-head-v06103>button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:inherit;font-size:.8rem;font-weight:900;cursor:pointer} .calendar-mobile-board-head-v06103>div{text-align:center;min-width:0} .calendar-mobile-board-head-v06103 .eyebrow{font-size:.43rem;margin-bottom:1px} .calendar-mobile-board-head-v06103 h2{margin:0;font-size:.9rem;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .calendar-mobile-range-v06103{display:grid;grid-template-columns:1fr 1fr auto;gap:5px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft)} .calendar-mobile-range-v06103 button{height:30px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:.53rem;font-weight:850;cursor:pointer;padding:0 9px} .calendar-mobile-range-v06103 button.active{background:var(--red-soft);color:var(--text);box-shadow:inset 0 0 0 1px rgba(239,49,56,.28)} .calendar-mobile-range-v06103 button:last-child{border-left:1px solid var(--line);border-radius:0;padding-left:12px} .calendar-mobile-week-v06103,.calendar-mobile-month-v06103{display:grid;gap:9px} .calendar-mobile-week-strip-v06103{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px} .calendar-mobile-week-date-v06103{min-width:0;height:58px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:5px 2px 4px;display:grid;grid-template-rows:auto auto 9px;align-items:center;justify-items:center;gap:1px;cursor:pointer;touch-action:manipulation} .calendar-mobile-week-date-v06103 small{font-size:.39rem;font-weight:900;color:var(--muted);line-height:1} .calendar-mobile-week-date-v06103 strong{font-size:.83rem;line-height:1} .calendar-mobile-week-date-v06103.today:not(.active){box-shadow:inset 0 0 0 1px rgba(239,49,56,.42)} .calendar-mobile-week-date-v06103.active{background:linear-gradient(180deg,rgba(239,49,56,.18),var(--panel));border-color:rgba(239,49,56,.55);color:var(--text)} .calendar-mobile-week-date-v06103.active small{color:var(--red-strong)} .calendar-mobile-dots-v06103{height:9px;display:flex;align-items:center;justify-content:center;gap:2px;min-width:0} .calendar-mobile-dot-v06103{width:4px;height:4px;border-radius:999px;background:#74808d;display:block;flex:0 0 auto} .calendar-mobile-dot-v06103.type-training{background:#29cf86} .calendar-mobile-dot-v06103.type-match{background:#ff4450} .calendar-mobile-dot-v06103.type-meeting,.calendar-mobile-dot-v06103.type-other{background:#3989ff} .calendar-mobile-dot-v06103.type-tournament{background:#9f61ff} .calendar-mobile-dots-v06103 small{font-size:.33rem;color:var(--muted);font-weight:850} .calendar-mobile-month-weekdays-v06103{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;padding:0 1px} .calendar-mobile-month-weekdays-v06103 span{text-align:center;font-size:.41rem;color:var(--muted);font-weight:850;padding:2px 0} .calendar-mobile-month-grid-v06103{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px} .calendar-mobile-month-day-v06103{height:42px;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);display:grid;grid-template-rows:1fr 8px;align-items:center;justify-items:center;padding:3px 1px;cursor:pointer;touch-action:manipulation} .calendar-mobile-month-day-v06103>strong{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:.55rem;line-height:1} .calendar-mobile-month-day-v06103.outside{opacity:.34} .calendar-mobile-month-day-v06103.today>strong{box-shadow:inset 0 0 0 1px rgba(239,49,56,.58);color:var(--red-strong)} .calendar-mobile-month-day-v06103.active{border-color:rgba(239,49,56,.55);background:var(--red-soft)} .calendar-mobile-month-day-v06103.active>strong{background:var(--red-strong);color:#fff;box-shadow:none} .calendar-mobile-day-agenda-v06103{display:grid;gap:7px;border-top:1px solid var(--line);padding-top:9px} .calendar-mobile-day-agenda-head-v06103{display:flex;align-items:flex-end;justify-content:space-between;gap:8px} .calendar-mobile-day-agenda-head-v06103 h3{margin:1px 0 0;font-size:.75rem;line-height:1.15;text-transform:capitalize} .calendar-mobile-day-agenda-head-v06103>span{font-size:.43rem;color:var(--muted);font-weight:800;white-space:nowrap} .calendar-mobile-day-events-v06103{display:grid;gap:6px} .calendar-mobile-day-event-v06103{width:100%;display:grid;grid-template-columns:56px minmax(0,1fr) auto 9px;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:8px;text-align:left;cursor:pointer} .calendar-mobile-day-event-v06103:active{background:var(--panel-hover)} .calendar-mobile-day-time-v06103,.calendar-mobile-day-copy-v06103{display:grid;gap:2px;min-width:0} .calendar-mobile-day-time-v06103 strong{font-size:.59rem}.calendar-mobile-day-time-v06103 small{font-size:.39rem;color:var(--muted);text-transform:uppercase;font-weight:850} .calendar-mobile-day-copy-v06103 strong{font-size:.61rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-mobile-day-copy-v06103 small{font-size:.45rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .calendar-mobile-day-state-v06103{font-size:.39rem;font-weight:850;color:var(--muted);white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:4px 5px} .calendar-mobile-day-state-v06103.state-yes{color:#2fd990;border-color:rgba(47,217,144,.25)} .calendar-mobile-day-state-v06103.state-maybe{color:#ffc55c;border-color:rgba(255,197,92,.25)} .calendar-mobile-day-state-v06103.state-no{color:#ff6e76;border-color:rgba(255,110,118,.25)} .calendar-mobile-day-event-v06103>b{font-size:.9rem;color:var(--muted)} .calendar-mobile-day-empty-v06103{min-height:72px;border:1px dashed var(--line);border-radius:10px;display:grid;place-items:center;align-content:center;gap:3px;text-align:center;padding:12px} .calendar-mobile-day-empty-v06103 strong{font-size:.62rem}.calendar-mobile-day-empty-v06103 span{font-size:.47rem;color:var(--muted)} @media(max-width:720px){ .calendar-v0695{padding-top:4px!important} .calendar-v0695 .calendar-hero-v0693{height:96px!important;min-height:96px!important;margin-bottom:6px!important;border-radius:12px!important} .calendar-v0695 .calendar-hero-copy-v0693{max-width:74%;padding:9px 12px!important} .calendar-v0695 .calendar-hero-copy-v0693 .eyebrow{font-size:.41rem!important} .calendar-v0695 .calendar-hero-copy-v0693 h1{font-size:1.3rem!important;line-height:.94!important;margin:2px 0 4px!important} .calendar-v0695 .calendar-hero-copy-v0693 p{font-size:.48rem!important;line-height:1.22!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .calendar-v0695 .calendar-hero-art-v0693{width:50%!important;opacity:.82!important} .calendar-commandbar-v06102{gap:5px!important;margin-bottom:5px!important} .calendar-commandbar-v06102 .calendar-mode-tabs-v0693{display:grid!important;grid-template-columns:repeat(3,1fr)!important;overflow:visible!important;gap:4px!important} .calendar-commandbar-v06102 .calendar-mode-tab{min-width:0!important;width:100%!important;min-height:32px!important;height:32px!important;padding:0 6px!important;font-size:.51rem!important} .calendar-commandbar-v06102 .calendar-hero-actions{gap:5px!important} .calendar-commandbar-v06102 .calendar-primary-action-v06102{height:34px!important;min-height:34px!important;font-size:.55rem!important} .calendar-mobile-more-v06102>summary{height:34px!important;min-width:62px!important;font-size:.52rem!important;padding:0 9px!important} .calendar-mobile-more-v06102>div{top:39px!important} .calendar-filterbar-v0695{gap:5px!important;margin-bottom:6px!important} .calendar-v0695 .calendar-filter-tabs-v0693{gap:4px!important} .calendar-v0695 .calendar-filter-tabs-v0693 .filter-tab{height:30px!important;min-height:30px!important;padding:0 8px!important;font-size:.49rem!important} .calendar-v0695 .calendar-filter-tabs-v0693 .filter-tab span{height:16px!important;min-width:16px!important;font-size:.42rem!important} .calendar-filter-controls-v0695{gap:4px!important} .calendar-search-v0695{min-height:31px!important}.calendar-search-v0695 input{height:29px!important;font-size:.52rem!important} .calendar-select-v0695{height:31px!important;font-size:.49rem!important} .calendar-mobile-calendar-workspace-v06103 .calendar-side-rail-v0693{margin-top:0!important} .calendar-mobile-calendar-workspace-v06103 .calendar-side-card-v0693:nth-child(2){order:1} .calendar-mobile-calendar-workspace-v06103 .calendar-side-card-v0693:nth-child(1){order:2} .calendar-mobile-calendar-workspace-v06103 .calendar-info-v0693{order:3} } @media(max-width:390px){ .calendar-mobile-week-strip-v06103{gap:3px} .calendar-mobile-week-date-v06103{height:54px;border-radius:8px} .calendar-mobile-week-date-v06103 small{font-size:.36rem}.calendar-mobile-week-date-v06103 strong{font-size:.76rem} .calendar-mobile-month-grid-v06103{gap:2px}.calendar-mobile-month-day-v06103{height:39px;border-radius:7px} .calendar-mobile-day-event-v06103{grid-template-columns:50px minmax(0,1fr) 8px}.calendar-mobile-day-state-v06103{display:none} } /* v0.6.11.1 – Multi-Game Matchday & Schiedsgericht */ .matchday-overview-games-v06110{margin:0 0 10px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:12px} .matchday-overview-games-v06110 .section-head.compact{margin-bottom:9px;align-items:center} .matchday-overview-games-v06110 .section-head.compact h2{font-size:1rem} .matchday-games-timeline-v06110{display:grid;gap:7px} .matchday-game-card-v06110{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);padding:9px 11px;min-width:0} .matchday-game-card-v06110.role-officiating{box-shadow:inset 3px 0 0 var(--amber)} .matchday-game-card-v06110.role-play{box-shadow:inset 3px 0 0 var(--red-strong)} .matchday-game-order-v06110{display:grid;place-items:center;align-content:center;gap:2px;min-height:44px;border-right:1px solid var(--line)} .matchday-game-order-v06110>span{width:27px;height:27px;border-radius:9px;background:var(--red-soft);display:grid;place-items:center;font-size:.72rem;font-weight:950} .matchday-game-order-v06110>small{font-size:.42rem;color:var(--muted);font-weight:850;text-transform:uppercase} .matchday-game-main-v06110{display:grid;gap:3px;min-width:0} .matchday-game-kicker-v06110{display:flex;align-items:center;gap:5px;flex-wrap:wrap} .matchday-game-main-v06110>strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchday-game-main-v06110>strong span{color:var(--muted)} .matchday-game-main-v06110>small{font-size:.49rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .matchday-game-status-v06110{display:grid;justify-items:end;gap:2px;white-space:nowrap}.matchday-game-status-v06110 strong{font-size:.75rem}.matchday-game-status-v06110 span{font-size:.43rem;color:var(--muted)} .matchday-games-timeline-v06110.compact .matchday-game-card-v06110{padding:7px 9px}.matchday-games-timeline-v06110.compact .matchday-game-order-v06110{min-height:38px} .matchday-games-workspace-v06110{display:grid;gap:12px} .matchday-game-work-list-v06110{display:grid;gap:10px} .matchday-game-work-card-v06110{display:grid;gap:10px;border:1px solid var(--line);border-radius:14px;background:var(--bg-soft);padding:13px} .matchday-game-work-head-v06110{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .matchday-game-work-head-v06110 h3{font-size:.95rem;margin:2px 0}.matchday-game-work-head-v06110 p{margin:0;color:var(--muted);font-size:.53rem} .matchday-game-work-actions-v06110{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap} .matchday-game-order-actions-v06110{display:flex;gap:3px}.matchday-game-order-actions-v06110 .btn{min-width:30px;padding-inline:7px} .matchday-game-inline-stats-v06110{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .matchday-game-inline-stats-v06110>span{display:grid;gap:2px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:8px 10px}.matchday-game-inline-stats-v06110 small{font-size:.43rem;color:var(--muted);text-transform:uppercase;font-weight:850}.matchday-game-inline-stats-v06110 strong{font-size:.62rem} .matchday-game-duty-box-v06110{display:grid;gap:7px;border-top:1px solid var(--line);padding-top:9px} .matchday-game-duty-title-v06110{display:flex;align-items:center;justify-content:space-between;gap:8px}.matchday-game-duty-title-v06110 strong{font-size:.64rem}.matchday-game-duty-title-v06110 span{font-size:.45rem;color:var(--muted)} .matchday-duty-row-v06110{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:7px 9px}.matchday-duty-row-v06110>div{display:grid;gap:2px;min-width:0}.matchday-duty-row-v06110 strong{font-size:.57rem}.matchday-duty-row-v06110 small{font-size:.43rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .matchday-duty-create-v06110,.matchday-game-create-v06110{border:1px dashed var(--line-strong);border-radius:11px;background:var(--panel)} .matchday-duty-create-v06110>summary,.matchday-game-create-v06110>summary{cursor:pointer;list-style:none;padding:9px 11px;font-size:.55rem;font-weight:850;color:var(--red-strong)} .matchday-duty-create-v06110>summary::-webkit-details-marker,.matchday-game-create-v06110>summary::-webkit-details-marker{display:none} .matchday-duty-form-v06110,.matchday-game-create-v06110 form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;border-top:1px solid var(--line);padding:11px} .matchday-duty-form-v06110 .field-span,.matchday-game-create-v06110 .field-span{grid-column:1/-1} .matchday-candidates-v06110{display:grid;gap:7px;border-top:1px solid var(--line);padding-top:12px}.matchday-candidates-v06110 h3{font-size:.78rem;margin-bottom:2px} .matchday-candidate-v06110{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:11px;background:var(--bg-soft);padding:9px 10px}.matchday-candidate-v06110>div{display:grid;gap:2px;min-width:0}.matchday-candidate-v06110 strong{font-size:.62rem}.matchday-candidate-v06110 small{font-size:.45rem;color:var(--muted)} .matchday-game-selector-v06110{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:thin} .matchday-game-selector-v06110>button{flex:0 0 min(220px,70vw);display:grid;gap:2px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);padding:8px 10px;text-align:left} .matchday-game-selector-v06110>button.active{border-color:rgba(239,49,56,.5);background:var(--red-soft)} .matchday-game-selector-v06110 small{font-size:.42rem;color:var(--red-strong);font-weight:900;text-transform:uppercase}.matchday-game-selector-v06110 strong{font-size:.61rem}.matchday-game-selector-v06110 span{font-size:.44rem;color:var(--muted)} .matchday-game-lineup-workspace-v06110{display:grid;gap:7px} .matchday-game-results-v06110{display:grid;gap:12px}.matchday-game-result-list-v06110{display:grid;gap:10px} .matchday-game-result-form-v06110{display:grid;grid-template-columns:minmax(180px,1.2fr) auto minmax(180px,1fr) auto;align-items:end;gap:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);padding:11px} .matchday-game-result-form-v06110>div:first-child{display:grid;gap:3px}.matchday-game-result-form-v06110>div:first-child strong{font-size:.65rem}.matchday-game-result-form-v06110>div:first-child small{font-size:.45rem;color:var(--muted)} .matchday-score-fields.compact{display:grid;grid-template-columns:62px 12px 62px;align-items:end;gap:5px}.matchday-score-fields.compact input{text-align:center} .matchday-game-task-summary-v06110{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:13px;margin-top:13px}.matchday-game-task-summary-v06110>h3{font-size:.8rem} .matchday-task-game-v06110{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.4fr);gap:10px;border:1px solid var(--line);border-radius:11px;background:var(--bg-soft);padding:9px}.matchday-task-game-v06110>div:first-child{display:grid;align-content:start;gap:3px}.matchday-task-game-v06110>div:first-child strong{font-size:.6rem}.matchday-task-game-v06110>div:first-child small{font-size:.43rem;color:var(--muted)} .matchday-task-game-duties-v06110{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.matchday-task-game-duties-v06110>span{display:grid;gap:1px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:6px 7px}.matchday-task-game-duties-v06110>span.open{border-color:rgba(255,191,71,.32)}.matchday-task-game-duties-v06110 b{font-size:.49rem}.matchday-task-game-duties-v06110 small{font-size:.4rem;color:var(--muted)} @media(max-width:980px){ .matchday-game-result-form-v06110{grid-template-columns:1fr 1fr}.matchday-game-result-form-v06110>button{justify-self:end} .matchday-task-game-v06110{grid-template-columns:1fr} } @media(max-width:720px){ .matchday-focus-tabs-v06100{overflow-x:auto;display:flex!important;gap:4px!important;scrollbar-width:none}.matchday-focus-tabs-v06100::-webkit-scrollbar{display:none}.matchday-focus-tabs-v06100 button{flex:0 0 auto;min-width:78px!important;white-space:nowrap} .matchday-ref-metrics-v06100{grid-template-columns:repeat(2,minmax(0,1fr))!important} .matchday-game-card-v06110{grid-template-columns:44px minmax(0,1fr);gap:7px;padding:8px}.matchday-game-status-v06110{grid-column:2;justify-items:start;display:flex;gap:8px;align-items:center} .matchday-game-order-v06110{min-height:42px}.matchday-game-order-v06110>span{width:25px;height:25px} .matchday-game-main-v06110>strong{font-size:.62rem}.matchday-game-main-v06110>small{font-size:.43rem} .matchday-game-work-head-v06110{display:grid}.matchday-game-work-actions-v06110{justify-content:flex-start} .matchday-duty-form-v06110,.matchday-game-create-v06110 form{grid-template-columns:1fr}.matchday-duty-form-v06110 .field-span,.matchday-game-create-v06110 .field-span{grid-column:auto} .matchday-candidate-v06110{display:grid}.matchday-candidate-v06110 .btn{justify-self:start} .matchday-game-result-form-v06110{grid-template-columns:1fr}.matchday-game-result-form-v06110>button{justify-self:stretch} .matchday-score-fields.compact{grid-template-columns:1fr 14px 1fr} .matchday-task-game-duties-v06110{grid-template-columns:1fr} } /* v0.6.11.2 – Multi-Game Browser UX Completion */ .match-create-panel-v06112{display:grid;gap:16px} .match-create-encounters-v06112{display:grid;gap:14px} .match-create-encounter-v06112{border:1px solid var(--line);border-radius:18px;background:var(--surface-2,var(--surface));padding:16px;display:grid;gap:14px} .match-create-encounter-head-v06112{display:flex;align-items:center;justify-content:space-between;gap:12px} .match-create-encounter-head-v06112>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .match-create-encounter-head-v06112 strong{font-size:14px} .match-create-encounter-grid-v06112{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px} .match-create-role-fields-v06112{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px} .match-create-role-fields-v06112.is-hidden{display:none} .match-create-add-v06112{justify-self:start;border-style:dashed} .match-create-day-fields-v06112{padding-top:2px} .matchday-game-editor-v06112{margin:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0} .matchday-game-editor-v06112>summary{cursor:pointer;font-weight:800;color:var(--text);list-style:none} .matchday-game-editor-v06112>summary::-webkit-details-marker{display:none} .matchday-game-editor-v06112>summary::before{content:'✎';margin-right:8px;color:var(--accent)} .matchday-game-edit-form-v06112{padding-top:12px} .matchday-game-edit-grid-v06112{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .matchday-ref-multigame-v06112{position:relative;z-index:2;min-width:min(420px,44vw);max-width:520px;display:grid;gap:8px;padding:16px 18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(8px)} .matchday-ref-multigame-head-v06112{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-bottom:4px} .matchday-ref-multigame-head-v06112 small{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em} .matchday-hero-game-row-v06112{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)} .matchday-hero-game-row-v06112>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:900} .matchday-hero-game-row-v06112 div{display:grid;gap:2px;min-width:0} .matchday-hero-game-row-v06112 small{color:var(--muted);font-size:11px} .matchday-hero-game-row-v06112 strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px} .matchday-ref-multigame-more-v06112{color:var(--muted);padding-top:2px} @media(max-width:820px){ .match-create-encounter-grid-v06112,.match-create-role-fields-v06112,.matchday-game-edit-grid-v06112{grid-template-columns:1fr} .matchday-ref-multigame-v06112{min-width:0;max-width:none;width:100%} .matchday-ref-hero-v06100{align-items:stretch} } /* v0.6.11.4 – Banner Cleanup & Matchday Delete UX */ /* The source hero artwork intentionally contains lower dashboard-card fragments. Crop only Dashboard/Matchday usages upward; the already-approved Calendar stays untouched. */ .dashboard-hero-art, .matchday-overview-hero-art-v06100, .matchday-next-art-v06100, .matchday-ref-hero-art-v06100{ background-size:auto 130%; background-position:center top; background-repeat:no-repeat; } .dashboard-hero-art{background-position:center top} .matchday-overview-hero-art-v06100{background-position:center top} .matchday-next-art-v06100,.matchday-ref-hero-art-v06100{background-position:center top} .matchday-danger-action-v06114{white-space:nowrap} @media(max-width:900px){ .dashboard-hero-art,.matchday-overview-hero-art-v06100,.matchday-next-art-v06100,.matchday-ref-hero-art-v06100{background-size:auto 136%} } /* v0.6.11.6 – Matchday Tasks & Lineup Deep-Link Fix */ .matchday-task-focus-v06116{display:grid;gap:14px} .matchday-task-scope-v06116{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--bg-soft)} .matchday-task-list-v06116{margin-top:0} .matchday-task-focus-v06116 .matchday-game-task-summary-v06110{margin-top:2px} @media(max-width:720px){ .matchday-task-scope-v06116{padding:10px} .matchday-task-focus-v06116 .matchday-task{grid-template-columns:auto minmax(0,1fr)} .matchday-task-focus-v06116 .matchday-task>.status-pill,.matchday-task-focus-v06116 .matchday-task>.btn{grid-column:2} } /* v0.6.12.0 – Reminder Engine Completion */ .notification-reminder-note-v06120{grid-column:1/-1;display:block;margin-top:4px;color:var(--muted);font-size:.72rem;line-height:1.45} /* v0.6.12.4 – Reminder Due-Time Guard & Notification Deep-Link Shell Fix Routing reuses the existing stable calendar/matchday shells; no visual override needed. */ /* v0.6.12.5 – Matchday Task Due Reminders: settings use existing notification layout; no structural override required. */ /* v0.6.12.6 – Mobile Matchday Parity & Frontend Cache Safety */ @media(max-width:720px){ .matchday-detail-toolbar-v06100{gap:8px!important;align-items:stretch} .matchday-detail-toolbar-v06100>.btn{width:100%;justify-content:center} .matchday-detail-counter{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel)} .matchday-detail-counter span,.matchday-detail-counter strong{font-size:.56rem;line-height:1.2} .matchday-detail-nav{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;width:100%} .matchday-detail-nav .btn:only-child{grid-column:1/-1} .matchday-ref-hero-v06100{gap:12px!important} .matchday-ref-multigame-v06112{padding:12px!important;border-radius:14px!important;gap:6px!important} .matchday-ref-multigame-head-v06112{align-items:center} .matchday-hero-game-row-v06112{grid-template-columns:26px minmax(0,1fr);gap:8px;padding:7px 0} .matchday-hero-game-row-v06112>span{width:25px;height:25px;border-radius:8px} .matchday-hero-game-row-v06112 strong{font-size:.66rem} .matchday-focus-tabs-v06100{position:sticky;top:0;z-index:25;margin:0 -1px!important;padding:5px!important;scroll-padding-inline:8px} .matchday-focus-tabs-v06100 button{min-width:70px!important;padding:8px 10px!important;font-size:.58rem!important} .matchday-games-workspace-v06110 .section-head,.matchday-task-focus-v06116 .section-head{display:grid;gap:8px} .matchday-game-work-card-v06110{padding:11px!important;border-radius:13px!important} .matchday-game-inline-stats-v06110{grid-template-columns:1fr 1fr} .matchday-task-scope-v06116{padding:9px!important} .matchday-task-presets{gap:5px!important} .matchday-task-presets>span{width:100%;margin-bottom:2px} .matchday-task-presets .btn{font-size:.5rem;padding:6px 8px} .matchday-task-tools .matchday-task-form{grid-template-columns:1fr!important} .matchday-task-tools .matchday-task-form .field-span,.matchday-task-tools .matchday-task-form>button{grid-column:auto!important;width:100%} .match-create-panel-v06112,.match-create-encounters-v06112,.match-create-encounter-v06112{min-width:0} .match-create-encounter-v06112{padding:12px;border-radius:14px} .match-create-encounter-head-v06112{align-items:flex-start} .match-create-add-v06112{width:100%;justify-content:center} } /* v0.6.12.7 – Mobile Dashboard & Matchday Encounter Consistency */ .dashboard-matchday-encounters-v06127{display:block;margin-top:4px;color:var(--muted);font-size:.68rem;font-weight:700} .matchday-hero-game-row-v06112{width:100%;border-right:0;border-bottom:0;border-left:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer} .matchday-hero-game-row-v06112.active{background:color-mix(in srgb,var(--red-soft) 72%,transparent);border-radius:10px;padding-left:6px;padding-right:6px;border-top-color:rgba(239,49,56,.42)} .matchday-game-card-v06110.is-selectable-v06127{cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease} .matchday-game-card-v06110.is-selectable-v06127:hover{border-color:color-mix(in srgb,var(--red-strong) 38%,var(--line));background:color-mix(in srgb,var(--red-soft) 32%,var(--bg-soft))} .matchday-game-card-v06110.active-v06127{border-color:rgba(239,49,56,.58);background:color-mix(in srgb,var(--red-soft) 48%,var(--bg-soft));box-shadow:inset 3px 0 0 var(--red-strong),0 0 0 1px rgba(239,49,56,.1)} .matchday-overview-game-switch-v06127{display:grid;grid-template-columns:minmax(220px,.46fr) minmax(0,1fr);gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)} .matchday-overview-game-switch-v06127 h3{margin:2px 0 3px;font-size:.9rem}.matchday-overview-game-switch-v06127 p{margin:0;color:var(--muted);font-size:.64rem;line-height:1.45} .matchday-selected-game-info-v06127{border-color:color-mix(in srgb,var(--red-strong) 24%,var(--line))!important} .matchday-tabs-hint-v06127{display:none} @media(max-width:720px){ .matchday-overview-game-switch-v06127{grid-template-columns:1fr;padding:10px;gap:9px} .matchday-overview-game-switch-v06127 .matchday-game-selector-v06110>button{flex-basis:min(210px,76vw)} .matchday-game-card-v06110.is-selectable-v06127{touch-action:manipulation} .matchday-tabs-hint-v06127{display:block;margin:-1px 2px 5px;color:var(--muted);font-size:.52rem;text-align:right;font-weight:750} .matchday-hero-game-row-v06112.active{padding-left:5px;padding-right:5px} } /* v0.6.12.8 – Deploy Verifier Signature Hotfix: no visual changes. */ /* v0.6.12.8 – Mobile Dashboard & Matchday Encounter Consistency */ /* v0.6.12.9 – Mobile Lineup Preview & Encounter Selector Polish */ .event-ref-lineup-game-context-v06129{ display:inline-flex; align-items:center; width:max-content; max-width:100%; margin-top:4px; padding:4px 7px; border:1px solid color-mix(in srgb,var(--red-strong) 28%,var(--line)); border-radius:999px; background:color-mix(in srgb,var(--red-soft) 42%,var(--panel)); color:var(--text); font-size:.48rem; font-weight:850; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .matchday-overview-game-switch-v06129{grid-template-columns:minmax(180px,.34fr) minmax(0,1fr)} .matchday-overview-switch-copy-v06129 p{max-width:340px} @media(max-width:720px){ /* Keep the selected encounter compact and fully visible without a sideways scrollbar. */ .matchday-overview-game-switch-v06129{padding:10px;gap:8px} .matchday-overview-switch-copy-v06129 p{display:none} .matchday-overview-game-selector-v06129{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; overflow:visible; padding:0; scrollbar-width:none; } .matchday-overview-game-selector-v06129::-webkit-scrollbar{display:none} .matchday-overview-game-selector-v06129>button{ width:100%; min-width:0; max-width:none; flex:initial; padding:8px 9px; } .matchday-overview-game-selector-v06129 strong, .matchday-overview-game-selector-v06129 span{ min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* Reserve a dedicated footer lane for the libero so P6/player names cannot collide with it. */ .event-ref-lineup-card-v06129 .event-ref-court-v0698{ min-height:300px; padding:12px 10px 72px; } .event-ref-lineup-card-v06129 .event-ref-court-v0698::after{ bottom:66px; } .event-ref-lineup-card-v06129 .event-ref-line-v0698{ bottom:66px; } .event-ref-lineup-card-v06129 .event-ref-court-grid-v0698{ height:188px; gap:9px 4px; } .event-ref-lineup-card-v06129 .event-ref-player-v0698{ width:100%; min-width:0; } .event-ref-lineup-card-v06129 .event-ref-player-v0698 strong{ max-width:88px; } .event-ref-lineup-card-v06129 .event-ref-libero-v0698{ bottom:12px; max-width:calc(100% - 24px); min-width:118px; justify-content:center; } .event-ref-lineup-card-v06129 .event-ref-section-head-v0698{ gap:8px; } } @media(max-width:430px){ .matchday-overview-game-selector-v06129{grid-template-columns:1fr} .event-ref-lineup-card-v06129 .event-ref-court-v0698{ min-height:308px; padding-left:7px; padding-right:7px; } .event-ref-lineup-card-v06129 .event-ref-court-grid-v0698{ gap:10px 2px; } .event-ref-lineup-card-v06129 .event-ref-player-number-v0698{ width:32px; height:32px; } .event-ref-lineup-card-v06129 .event-ref-player-v0698 strong{max-width:74px} .event-ref-lineup-card-v06129 .event-ref-section-head-v0698{ display:grid; } .event-ref-lineup-card-v06129 .event-ref-section-head-v0698 .btn{ width:100%; } } /* v0.6.13.1 – Alembic Revision-ID Length Hotfix / Organization Consolidation Team creation now reuses an existing organization/season; new-club setup remains explicit. */ /* v0.6.13.2 – Dashboard Team Visibility & Unique Season Count */ /* v0.6.13.3 – Safe Migration Rollback & Verifier Hotfix */ /* v0.6.14.0 – Delivery Transparency & Retry Foundation */ .delivery-transparency-v06140{margin-top:22px;padding-top:20px;border-top:1px solid var(--border);display:grid;gap:14px} .delivery-head-v06140{margin:0}.delivery-head-v06140 h3{margin:3px 0 5px;font-size:1.12rem}.delivery-head-v06140 p{max-width:820px} .delivery-metrics-v06140{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.delivery-metrics-v06140>div{border:1px solid var(--border);border-radius:14px;padding:12px;background:var(--surface);display:grid;gap:3px}.delivery-metrics-v06140 span{color:var(--muted);font-size:.75rem}.delivery-metrics-v06140 strong{font-size:1.25rem} .delivery-history-v06140{display:grid;gap:9px}.delivery-row-v06140{border:1px solid var(--border);border-radius:15px;padding:13px;background:var(--surface);display:grid;gap:9px}.delivery-row-v06140.failed{border-color:rgba(242,48,61,.32)}.delivery-row-v06140.retrying{border-color:rgba(224,158,44,.32)}.delivery-row-head-v06140{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.delivery-row-head-v06140>div{min-width:0;display:grid;gap:3px}.delivery-row-head-v06140 strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delivery-channel-v06140{font-size:.69rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.delivery-status-v06140{flex:0 0 auto;padding:5px 8px;border-radius:999px;font-size:.69rem;font-weight:800;background:var(--surface-2);border:1px solid var(--border)}.delivery-status-v06140.sent{color:#20bf75;border-color:rgba(32,191,117,.3);background:rgba(32,191,117,.08)}.delivery-status-v06140.failed{color:var(--red);border-color:rgba(242,48,61,.3);background:rgba(242,48,61,.08)}.delivery-status-v06140.retrying{color:#d89a27;border-color:rgba(216,154,39,.3);background:rgba(216,154,39,.08)}.delivery-meta-v06140{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.74rem}.delivery-error-v06140{display:grid;gap:3px;border-radius:10px;padding:9px 10px;background:rgba(242,48,61,.055);font-size:.75rem}.delivery-error-v06140 strong{color:var(--red)}.delivery-error-v06140 span{color:var(--muted);overflow-wrap:anywhere}.delivery-row-v06140>.btn{justify-self:start}.delivery-policy-v06140{display:block;color:var(--muted);line-height:1.5} @media(max-width:760px){.delivery-metrics-v06140{grid-template-columns:1fr 1fr}.delivery-row-head-v06140{align-items:flex-start}.delivery-status-v06140{max-width:46%;text-align:center}.delivery-meta-v06140{display:grid;gap:4px}.delivery-row-v06140>.btn{width:100%}} /* v0.6.14.1 – Mail Template Polish / SMTP wording precision */ /* v0.6.14.2 – Event Detail Shell & Type Fix */ /* Keep the real app shell visible while the event detail layer locks background scrolling. */ html.event-detail-shell-v06142 .app-shell > .sidebar, body.event-detail-shell-v06142 .app-shell > .sidebar{ position:fixed; left:0; top:0; width:var(--sidebar); height:100vh; z-index:31; } html.event-detail-shell-v06142 .app-shell > .main > .topbar, body.event-detail-shell-v06142 .app-shell > .main > .topbar{ position:fixed; left:var(--sidebar); right:0; top:0; width:auto; z-index:31; } .event-ref-identity-v06142 .event-ref-event-divider-v06142{ display:grid; place-items:center; width:30px; height:30px; margin:0 auto; border:1px solid rgba(255,255,255,.10); border-radius:10px; background:rgba(255,255,255,.04); color:#8d98a5; } .event-ref-identity-v06142 .event-ref-event-divider-v06142 svg{width:14px;height:14px} .event-ref-event-kind-v06142>b{ background:#151e29; color:#fff; border:1px solid rgba(255,255,255,.12); box-shadow:none; } @media(max-width:820px){ html.event-detail-shell-v06142 .app-shell > .sidebar, body.event-detail-shell-v06142 .app-shell > .sidebar{display:none} html.event-detail-shell-v06142 .app-shell > .main > .topbar, body.event-detail-shell-v06142 .app-shell > .main > .topbar{left:0} } /* v0.6.15.0 – Role-aware Team View / zentraler Ansichtsfilter */ .team-scope-control-v06150{ min-width:210px; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:8px; padding:5px 7px 5px 10px; border:1px solid var(--line); border-radius:12px; background:color-mix(in srgb,var(--panel) 90%,transparent); box-shadow:0 8px 24px rgba(0,0,0,.08); } .team-scope-control-v06150>span{ color:var(--muted); font-size:.64rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .team-scope-control-v06150 select{ min-width:0; max-width:240px; height:31px; padding:0 28px 0 8px; border:0; border-radius:8px; background:var(--bg-soft); color:var(--text); font:inherit; font-size:.76rem; font-weight:800; outline:none; cursor:pointer; } .team-scope-control-v06150 select:focus{ box-shadow:0 0 0 2px color-mix(in srgb,var(--red) 35%,transparent); } :root[data-theme="light"] .team-scope-control-v06150{ background:rgba(255,255,255,.82); } @media(max-width:1180px){ .team-scope-control-v06150{min-width:170px} .team-scope-control-v06150 select{max-width:185px} } @media(max-width:820px){ .team-scope-control-v06150{ min-width:0; width:min(50vw,210px); grid-template-columns:1fr; gap:2px; padding:4px 6px; } .team-scope-control-v06150>span{display:none} .team-scope-control-v06150 select{width:100%;max-width:none;height:30px;font-size:.72rem} } @media(max-width:620px){ .topbar .team-scope-control-v06150{display:grid} .team-scope-control-v06150{width:min(46vw,180px)} .dashboard-version-pill{display:none} } /* v0.6.16.2 – Web Push Notifications */ .web-push-device-v06160{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018);margin-top:2px}.web-push-device-v06160.active{border-color:rgba(35,203,129,.28);background:rgba(35,203,129,.045)}.web-push-device-copy-v06160{display:flex;align-items:center;gap:12px;min-width:0}.web-push-device-icon-v06160{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(239,35,60,.12);color:var(--red-strong);font-weight:900;flex:0 0 auto}.web-push-device-v06160.active .web-push-device-icon-v06160{background:rgba(35,203,129,.12);color:#29cf86}.web-push-device-copy-v06160>div{display:grid;gap:3px;min-width:0}.web-push-device-copy-v06160 strong{font-size:.72rem}.web-push-device-copy-v06160 small{font-size:.58rem;color:var(--muted);line-height:1.45}.web-push-device-copy-v06160 em{font-size:.52rem;color:var(--muted-2);font-style:normal}.web-push-device-v06160 .btn{white-space:nowrap;flex:0 0 auto} @media(max-width:720px){.web-push-device-v06160{align-items:stretch;flex-direction:column;padding:13px}.web-push-device-v06160 .btn{width:100%;min-height:44px}.web-push-device-copy-v06160{align-items:flex-start}.web-push-device-copy-v06160 small{font-size:.64rem}.web-push-device-copy-v06160 em{font-size:.58rem}} /* v0.6.17.0 – Members, Roles & Invitations Center */ .members-center-v06170,.invitations-center-v06170{overflow:hidden} .member-center-head-actions-v06170{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .member-center-metrics-v06170{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0} .member-center-metrics-v06170 article{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:16px;padding:16px;min-width:0} .member-center-metrics-v06170 small,.member-center-metrics-v06170 span{display:block;color:var(--muted);font-size:12px}.member-center-metrics-v06170 strong{display:block;font-size:28px;line-height:1.1;margin:5px 0;color:var(--text)} .member-center-toolbar-v06170{display:grid;grid-template-columns:minmax(240px,1.6fr) minmax(170px,.7fr) minmax(170px,.7fr);gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.12);margin-bottom:12px} .member-center-list-head-v06170,.member-center-row-v06170{display:grid;grid-template-columns:minmax(240px,1.6fr) minmax(210px,1.2fr) minmax(150px,.8fr) minmax(160px,.85fr) auto;gap:14px;align-items:center} .member-center-list-head-v06170{padding:9px 14px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em} .member-center-list-v06170{display:grid;gap:9px}.member-center-row-v06170{padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018);transition:border-color .15s ease,transform .15s ease,background .15s ease}.member-center-row-v06170:hover{border-color:rgba(255,58,72,.35);background:rgba(255,255,255,.028);transform:translateY(-1px)} .member-center-person-v06170{display:flex;align-items:center;gap:11px;min-width:0}.member-center-person-v06170>div:last-child{min-width:0;display:grid;gap:2px}.member-center-person-v06170 strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-center-person-v06170 span,.member-center-person-v06170 em{font-size:12px;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-center-person-v06170 em{color:var(--accent-soft-text,#ff8b94)} .member-center-roles-v06170{display:grid;gap:6px}.member-center-roles-v06170 small,.member-center-proof-v06170 span{color:var(--muted);font-size:11px}.member-center-access-v06170,.member-center-proof-v06170{display:grid;gap:6px;justify-items:start}.member-account-v06170{font-size:11px;color:var(--muted)}.member-account-v06170.ok{color:#62d89b} .member-center-scope-note-v06170{margin-top:14px}.is-hidden{display:none!important} .access-center-grid-v06170{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:18px}.access-center-grid-v06170>section{border:1px solid var(--line);border-radius:17px;padding:16px;background:rgba(255,255,255,.015)} .invite-lifecycle-list-v06170,.join-request-list-v06170{display:grid;gap:9px}.invite-lifecycle-row-v06170,.join-request-row-v06170{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.13)}.invite-lifecycle-row-v06170>div:first-child{display:grid;gap:2px}.invite-lifecycle-row-v06170 span,.invite-lifecycle-row-v06170 small,.join-request-row-v06170 small{font-size:11px;color:var(--muted)} .invite-lifecycle-actions-v06170{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.access-secondary-actions-v06170{margin-top:16px} .status-pill.ok{border-color:rgba(56,200,132,.28);color:#76e0ac}.status-pill.pending{border-color:rgba(255,185,60,.3);color:#ffd27a}.status-pill.warn{border-color:rgba(255,96,102,.3);color:#ff9ca1}.status-pill.muted{opacity:.72} @media(max-width:1100px){.member-center-metrics-v06170{grid-template-columns:repeat(2,minmax(0,1fr))}.member-center-list-head-v06170{display:none}.member-center-row-v06170{grid-template-columns:1fr 1fr auto}.member-center-person-v06170{grid-column:1/3}.member-center-proof-v06170{display:none}.access-center-grid-v06170{grid-template-columns:1fr}} @media(max-width:720px){.member-center-head-actions-v06170{width:100%;display:grid;grid-template-columns:1fr}.member-center-head-actions-v06170 .btn{width:100%;justify-content:center}.member-center-metrics-v06170{grid-template-columns:1fr 1fr;gap:8px}.member-center-metrics-v06170 article{padding:12px}.member-center-metrics-v06170 strong{font-size:23px}.member-center-toolbar-v06170{grid-template-columns:1fr;padding:11px}.member-center-row-v06170{grid-template-columns:1fr;padding:13px}.member-center-person-v06170{grid-column:auto}.member-center-access-v06170{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.member-center-row-v06170>.btn{width:100%}.invite-lifecycle-row-v06170,.join-request-row-v06170{grid-template-columns:1fr}.invite-lifecycle-actions-v06170{justify-content:stretch}.invite-lifecycle-actions-v06170 .btn{flex:1}.access-center-grid-v06170>section{padding:12px}} /* v0.6.17.1 – Members Center UX Polish */ .member-center-context-line-v06171{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,2.2fr);gap:14px;padding:8px 14px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em} .member-center-grouped-v06171{gap:12px} .member-person-group-v06171{border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.012));overflow:hidden} .member-person-group-head-v06171{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)} .member-assignment-count-v06171{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 9px;white-space:nowrap} .member-assignment-list-v06171{display:grid} .member-assignment-v06171{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(240px,1.3fr) minmax(150px,.75fr) auto;gap:14px;align-items:center;padding:12px 16px;border-top:1px solid rgba(255,255,255,.045)} .member-assignment-v06171:first-child{border-top:0} .member-assignment-team-v06171{display:grid;gap:4px;min-width:0}.member-assignment-team-v06171 small{font-size:11px;color:var(--muted)} .team-context-badge-v06171{display:inline-flex;width:max-content;max-width:100%;padding:5px 8px;border-radius:9px;background:rgba(239,49,56,.09);border:1px solid rgba(239,49,56,.18);color:var(--text);font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .access-scope-note-v06171{margin:0 0 16px}.team-structure-actions-v06171{margin-top:18px}.settings-account-invite-v06171{margin-top:14px} .role-choice{position:relative;align-items:center;min-height:58px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease} .role-choice:hover{transform:translateY(-1px)} .role-choice:has(input:checked){border-color:rgba(239,49,56,.48);background:linear-gradient(180deg,rgba(239,49,56,.11),rgba(239,49,56,.045));box-shadow:inset 0 0 0 1px rgba(239,49,56,.08)} .role-choice input{width:18px;height:18px;flex:0 0 auto;margin:0} .role-choice:has(input:checked) strong{color:#fff} .toast-root{gap:8px}.toast{padding:12px 13px} @media(max-width:1100px){.member-assignment-v06171{grid-template-columns:1fr 1fr auto}.member-assignment-team-v06171{grid-column:1/2}.member-assignment-v06171>.member-center-access-v06170{grid-column:2/3}.member-assignment-v06171>.btn{grid-column:3/4;grid-row:1/3}.member-assignment-v06171>.member-center-roles-v06170{grid-column:1/3}} @media(max-width:720px){.member-center-context-line-v06171{display:none}.member-person-group-head-v06171{align-items:flex-start;padding:13px;flex-direction:column}.member-assignment-count-v06171{margin-left:49px}.member-assignment-v06171{grid-template-columns:1fr;padding:12px 13px;gap:9px}.member-assignment-team-v06171,.member-assignment-v06171>.member-center-access-v06170,.member-assignment-v06171>.member-center-roles-v06170,.member-assignment-v06171>.btn{grid-column:auto;grid-row:auto}.member-assignment-v06171>.btn{width:100%}.team-context-badge-v06171{max-width:100%}.settings-account-invite-v06171{align-items:stretch;gap:12px}.settings-account-invite-v06171 .btn{width:100%;justify-content:center}} /* v0.6.18.0 – Verein, Struktur & Saisonverwaltung */ .organization-center-v06180{overflow:hidden} .org-center-head-actions-v06180{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;flex-wrap:wrap} .org-switch-v06180{min-width:220px;margin:0}.org-switch-v06180 label{font-size:10px}.org-switch-v06180 select{min-height:38px} .org-center-path-v06180{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;margin:14px 0 4px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(90deg,rgba(239,49,56,.07),rgba(255,255,255,.015));font-size:12px;font-weight:800;letter-spacing:.02em} .org-center-path-v06180 span{padding:6px 10px;border-radius:9px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.org-center-path-v06180 b{color:var(--muted);font-size:14px} .org-center-metrics-v06180{margin-top:14px} .org-center-grid-v06180{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.org-profile-card-v06180,.org-seasons-card-v06180,.org-structure-v06180{border:1px solid var(--line);border-radius:18px;padding:17px;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.012))}.org-structure-v06180{margin-top:16px} .org-season-list-v06180{display:grid;gap:9px}.org-season-row-v06180{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.11)}.org-season-row-v06180.current{border-color:rgba(57,204,135,.28);background:rgba(57,204,135,.035)}.org-season-row-v06180>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;min-width:0}.org-season-row-v06180 strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-season-row-v06180 small{grid-column:2;color:var(--muted);font-size:11px} .org-department-grid-v06180{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.org-department-card-v06180{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(0,0,0,.10)}.org-department-head-v06180{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.016)}.org-department-head-v06180 h3{margin:3px 0}.org-department-head-v06180 p{margin:0;color:var(--muted);font-size:11px} .org-team-list-v06180{display:grid}.org-team-row-wrap-v06180{position:relative;border-top:1px solid rgba(255,255,255,.045);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.org-team-row-wrap-v06180:first-child{border-top:0}.org-team-row-v06180{appearance:none;width:100%;border:0;background:transparent;color:var(--text);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}.org-team-row-v06180:hover:not(:disabled){background:rgba(255,255,255,.025)}.org-team-row-v06180:disabled{cursor:default;opacity:.7}.org-team-row-v06180>span{display:grid;gap:3px;min-width:0}.org-team-row-v06180 strong,.org-team-row-v06180 small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-team-row-v06180 small{color:var(--muted);font-size:11px}.org-team-row-v06180 b{font-size:11px;color:var(--muted);white-space:nowrap}.org-team-structure-edit-v06180{margin-right:10px;white-space:nowrap} .org-unassigned-v06180{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.org-unassigned-row-v06180{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.014);margin-top:8px}.org-unassigned-row-v06180>div{display:grid;gap:3px;min-width:0}.org-unassigned-row-v06180 small{font-size:11px;color:var(--muted)} .settings-checkbox{display:flex;align-items:flex-start;gap:11px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);cursor:pointer}.settings-checkbox input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}.settings-checkbox span{display:grid;gap:3px}.settings-checkbox small{color:var(--muted);font-size:11px;line-height:1.45} @media(max-width:1050px){.org-center-grid-v06180{grid-template-columns:1fr}.org-department-grid-v06180{grid-template-columns:1fr}.org-center-head-actions-v06180{width:100%;justify-content:stretch}.org-switch-v06180{flex:1}} @media(max-width:720px){.org-center-head-actions-v06180{display:grid;grid-template-columns:1fr}.org-center-head-actions-v06180 .btn,.org-switch-v06180{width:100%}.org-center-path-v06180{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:7px;overflow:visible;counter-reset:orgstep}.org-center-path-v06180 b{display:none}.org-center-path-v06180 span{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0;padding:8px 9px;font-size:11px;white-space:nowrap}.org-center-path-v06180 span::before{counter-increment:orgstep;content:counter(orgstep,decimal-leading-zero);display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:7px;background:rgba(239,49,56,.13);color:#ff666b;font-size:9px;font-weight:900}.org-profile-card-v06180,.org-seasons-card-v06180,.org-structure-v06180{padding:13px}.org-season-row-v06180{align-items:stretch;flex-direction:column}.org-season-row-v06180 .btn{width:100%}.org-department-head-v06180{flex-direction:column}.org-department-head-v06180 .btn{width:100%}.org-unassigned-row-v06180{align-items:stretch;flex-direction:column}.org-unassigned-row-v06180 .btn{width:100%}.org-team-row-wrap-v06180{grid-template-columns:1fr}.org-team-row-v06180{align-items:flex-start}.org-team-row-v06180 b{padding-top:2px}.org-team-structure-edit-v06180{width:calc(100% - 24px);margin:0 12px 12px}} /* v0.6.18.1 – Professional Polish */ .visual-card{transform:none} @media(max-width:720px){.organization-center-v06180{overflow:visible}} /* v0.6.19.0 – Workspace & Berechtigungscenter */ .access-center-v06190{display:grid;gap:18px}.access-inheritance-v06190{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}.access-inheritance-v06190>div{display:grid;gap:3px;text-align:center;padding:10px;border-radius:12px;background:rgba(0,0,0,.12)}.access-inheritance-v06190 span{font-size:.72rem;font-weight:800}.access-inheritance-v06190 small{font-size:.52rem;color:var(--muted)}.access-inheritance-v06190>b{color:var(--muted-2);font-size:1rem}.access-metrics-v06190{margin:0}.access-principle-v06190{margin:0}.access-toolbar-v06190{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.014)}.access-toolbar-v06190 .field{flex:1;max-width:540px}.access-toolbar-v06190>span{font-size:.58rem;color:var(--muted);padding-bottom:10px}.access-self-note-v06190{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid rgba(239,35,60,.22);border-radius:16px;background:rgba(239,35,60,.035)}.access-self-note-v06190 strong{font-size:.76rem}.access-self-note-v06190 span{font-size:.6rem;color:var(--muted)}.access-people-v06190{display:grid;gap:14px}.access-person-v06190{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.014);overflow:hidden}.access-person-v06190.is-hidden{display:none}.access-person-head-v06190{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}.access-person-sections-v06190{display:grid;grid-template-columns:1fr 1fr;gap:0}.access-person-sections-v06190>section{padding:14px 16px;min-width:0}.access-person-sections-v06190>section+section{border-left:1px solid var(--line)}.access-subhead-v06190{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.access-subhead-v06190 strong{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.access-subhead-v06190 span{min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.05);font-size:.58rem}.access-assignment-v06190{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:13px;background:rgba(0,0,0,.1)}.access-assignment-v06190+.access-assignment-v06190{margin-top:8px}.access-assignment-icon-v06190{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(239,35,60,.1);color:var(--red-strong);font-weight:900}.access-assignment-copy-v06190{min-width:0;display:grid;gap:4px}.access-assignment-copy-v06190>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.access-assignment-copy-v06190 strong{font-size:.68rem}.access-assignment-copy-v06190 p{margin:0;color:var(--muted);font-size:.57rem;line-height:1.45}.access-assignment-copy-v06190 small{font-size:.52rem;color:var(--muted-2)}.access-team-role-v06190{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:rgba(0,0,0,.08)}.access-team-role-v06190+.access-team-role-v06190{margin-top:8px}.access-team-role-v06190>div:first-child{display:grid;gap:3px}.access-team-role-v06190 strong{font-size:.65rem}.access-team-role-v06190 small,.access-source-v06190{font-size:.52rem;color:var(--muted)}.access-team-role-v06190 .role-tags{justify-content:flex-start}.access-audit-v06190{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.012)}.access-audit-list-v06190{display:grid;gap:0}.access-audit-row-v06190{display:grid;grid-template-columns:12px 1fr;gap:10px;align-items:start;padding:10px 2px;border-top:1px solid var(--line)}.access-audit-row-v06190:first-child{border-top:0}.access-audit-dot-v06190{width:8px;height:8px;border-radius:50%;background:var(--red-strong);margin-top:5px}.access-audit-row-v06190>div{display:grid;gap:3px}.access-audit-row-v06190 strong{font-size:.62rem}.access-audit-row-v06190 small{font-size:.54rem;color:var(--muted);line-height:1.5}.access-role-explainer-v06190{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.access-role-explainer-v06190 article{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.012);opacity:.62}.access-role-explainer-v06190 article.active{border-color:rgba(239,35,60,.36);background:rgba(239,35,60,.055);opacity:1}.access-role-explainer-v06190 strong{font-size:.65rem}.access-role-explainer-v06190 span{font-size:.55rem;color:var(--muted);line-height:1.45}.access-role-explainer-v06190 small{font-size:.5rem;color:var(--muted-2)}.org-department-actions-v06190{display:flex;align-items:center;gap:6px;flex-wrap:wrap} @media(max-width:1000px){.access-person-sections-v06190{grid-template-columns:1fr}.access-person-sections-v06190>section+section{border-left:0;border-top:1px solid var(--line)}.access-role-explainer-v06190{grid-template-columns:1fr}.access-team-role-v06190{grid-template-columns:1fr}.access-source-v06190{justify-self:start}} @media(max-width:720px){.access-inheritance-v06190{grid-template-columns:1fr 1fr;gap:8px}.access-inheritance-v06190>b{display:none}.access-inheritance-v06190>div:last-child{grid-column:1/-1}.access-toolbar-v06190,.access-self-note-v06190{align-items:stretch;flex-direction:column}.access-toolbar-v06190 .field{max-width:none;width:100%}.access-toolbar-v06190>span{padding-bottom:0}.access-person-head-v06190{align-items:flex-start}.access-assignment-v06190{grid-template-columns:34px 1fr}.access-assignment-v06190 .btn{grid-column:1/-1;width:100%}.access-person-sections-v06190>section{padding:13px}.access-audit-v06190{padding:13px}.org-department-actions-v06190{width:100%}.org-department-actions-v06190 .btn{flex:1}.access-center-v06190 .org-center-head-actions-v06180{width:100%;display:grid;grid-template-columns:1fr}.access-center-v06190 .org-center-head-actions-v06180 .btn,.access-center-v06190 .org-switch-v06180{width:100%}} /* v0.6.19.2 – Permission Confirmation Polish */ .access-revoke-modal-v06192{max-width:560px} .access-revoke-confirm-v06192{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:16px;border:1px solid rgba(239,35,60,.24);border-radius:16px;background:rgba(239,35,60,.055)} .access-revoke-confirm-v06192>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(239,35,60,.13);color:var(--red-strong);font-weight:900;font-size:1.05rem} .access-revoke-confirm-v06192 strong{display:block;font-size:.78rem;line-height:1.35} .access-revoke-confirm-v06192 p{margin:6px 0 0;color:var(--muted);font-size:.65rem;line-height:1.55} @media(max-width:720px){.access-revoke-modal-v06192{width:min(100%,calc(100vw - 20px));max-width:none}.access-revoke-confirm-v06192{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px}.access-revoke-confirm-v06192>span{width:38px;height:38px;border-radius:12px}.access-revoke-confirm-v06192 strong{font-size:.82rem}.access-revoke-confirm-v06192 p{font-size:.7rem}.access-revoke-modal-v06192 .modal-foot{display:grid;grid-template-columns:1fr 1fr}.access-revoke-modal-v06192 .modal-foot .btn{width:100%}} /* v0.6.20.0 – Professional Onboarding & Vereins-Setup */ .onboarding-shell-v06200{min-height:100vh;background:radial-gradient(circle at 82% 4%,rgba(239,35,60,.09),transparent 30%),linear-gradient(180deg,var(--bg),#090b10 86%);color:var(--text)} .onboarding-top-v06200{min-height:76px;padding:0 clamp(20px,4vw,58px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:rgba(8,10,15,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:5} .onboarding-top-actions-v06200{display:flex;align-items:center;gap:10px}.onboarding-top-actions-v06200>span{font-size:.62rem;color:var(--muted);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .onboarding-stage-v06200{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:clamp(44px,7vw,88px) 0 56px}.onboarding-hero-v06200{max-width:820px;margin-bottom:30px}.onboarding-hero-v06200 h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:.96;letter-spacing:-.045em;margin:8px 0 18px}.onboarding-hero-v06200 p{max-width:720px;margin:0;color:var(--muted);font-size:clamp(.9rem,1.5vw,1.08rem);line-height:1.65} .onboarding-choice-grid-v06200{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.onboarding-choice-card-v06200{min-height:300px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 24px 70px rgba(0,0,0,.22)}.onboarding-choice-card-v06200.primary{border-color:rgba(239,35,60,.24);background:linear-gradient(150deg,rgba(239,35,60,.085),rgba(255,255,255,.018) 54%)}.onboarding-choice-icon-v06200{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(239,35,60,.12);color:var(--red-strong);font-size:1.2rem;font-weight:900}.onboarding-choice-card-v06200>div{display:grid;gap:8px;flex:1}.onboarding-choice-card-v06200 small{color:var(--red-strong);font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.onboarding-choice-card-v06200 h2{font-size:1.45rem;margin:0}.onboarding-choice-card-v06200 p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.6;max-width:560px}.onboarding-choice-card-v06200 .btn{min-height:44px} .onboarding-safety-v06200{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.onboarding-safety-v06200>div{display:grid;gap:5px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.014)}.onboarding-safety-v06200 strong{font-size:.66rem}.onboarding-safety-v06200 span{font-size:.58rem;line-height:1.5;color:var(--muted)} .setup-wizard-v06200{width:min(900px,100%);max-width:900px}.setup-progress-v06200{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:14px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(0,0,0,.12)}.setup-progress-v06200>div{display:flex;align-items:center;gap:7px;min-width:0;color:var(--muted)}.setup-progress-v06200 span{width:26px;height:26px;flex:0 0 26px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--line);font-size:.58rem;font-weight:900}.setup-progress-v06200 small{font-size:.52rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setup-progress-v06200 .active{color:var(--text)}.setup-progress-v06200 .active span{border-color:rgba(239,35,60,.4);background:rgba(239,35,60,.15);color:var(--red-strong)}.setup-progress-v06200 .done span{border-color:rgba(35,203,129,.28);background:rgba(35,203,129,.1);color:#62d89b}.setup-wizard-body-v06200{min-height:390px}.setup-step-copy-v06200{margin-bottom:22px}.setup-step-copy-v06200 h3{margin:7px 0 7px;font-size:1.25rem}.setup-step-copy-v06200 p{margin:0;color:var(--muted);font-size:.66rem;line-height:1.55}.setup-optional-card-v06200{margin-top:18px;padding:16px;border:1px dashed rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.012)}.setup-optional-card-v06200>div:first-child{display:grid;gap:3px;margin-bottom:14px}.setup-optional-card-v06200>div:first-child strong{font-size:.68rem}.setup-optional-card-v06200>div:first-child span{font-size:.57rem;color:var(--muted)}.setup-summary-v06200{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-summary-v06200 article{display:grid;gap:5px;padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.016)}.setup-summary-v06200 small{font-size:.52rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.setup-summary-v06200 strong{font-size:.78rem}.setup-summary-v06200 span{font-size:.58rem;color:var(--muted)}.setup-transaction-note-v06200{margin-top:14px}.setup-complete-v06200{max-width:620px}.setup-complete-mark-v06200{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;margin:0 auto 18px;background:rgba(35,203,129,.12);border:1px solid rgba(35,203,129,.28);color:#62d89b;font-size:1.55rem;font-weight:900}.setup-complete-copy-v06200{text-align:center;max-width:500px;margin:0 auto}.setup-complete-copy-v06200 h3{margin:0 0 8px;font-size:1.15rem}.setup-complete-copy-v06200 p{margin:0;color:var(--muted);font-size:.66rem;line-height:1.6}.setup-complete-actions-v06200{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px} @media(max-width:820px){.onboarding-choice-grid-v06200{grid-template-columns:1fr}.onboarding-safety-v06200{grid-template-columns:1fr}.onboarding-choice-card-v06200{min-height:0}.setup-progress-v06200{grid-template-columns:repeat(5,26px);justify-content:space-between}.setup-progress-v06200 small{display:none}.setup-summary-v06200{grid-template-columns:1fr}} @media(max-width:720px){.onboarding-top-v06200{padding:10px 14px;min-height:66px}.onboarding-top-v06200 .brand small,.onboarding-top-actions-v06200>span{display:none}.onboarding-top-actions-v06200{gap:6px}.onboarding-stage-v06200{width:min(100% - 24px,720px);padding:34px 0 28px}.onboarding-hero-v06200{margin-bottom:20px}.onboarding-hero-v06200 h1{font-size:2.55rem}.onboarding-choice-card-v06200{padding:20px;border-radius:20px}.onboarding-choice-card-v06200 .btn{width:100%}.setup-wizard-v06200{width:min(100%,calc(100vw - 16px));max-height:calc(100vh - 16px)}.setup-progress-v06200{padding:11px 14px}.setup-wizard-body-v06200{min-height:0}.setup-step-copy-v06200 h3{font-size:1.1rem}.setup-complete-actions-v06200{grid-template-columns:1fr}.setup-wizard-v06200 .modal-foot{display:grid;grid-template-columns:1fr 1fr}.setup-wizard-v06200 .modal-foot .btn{width:100%}} /* v0.6.21.0 – Invitation Onboarding & Secure Club Join */ .invite-auth-note-v06210{display:grid;gap:7px;padding:16px 18px;margin:18px 0;border:1px solid rgba(239,49,56,.34);border-radius:16px;background:var(--red-soft);line-height:1.5} .invite-auth-note-v06210 strong{color:var(--text);font-size:.9rem} .invite-auth-note-v06210 span{color:var(--muted);font-size:.83rem} .invite-copy-link-v06210{width:100%;margin-top:13px;justify-content:center;min-height:44px;white-space:normal;text-align:center} .invite-join-v06210{width:min(100%,600px)} .invite-summary-v06210{display:grid;gap:0;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--panel)} .invite-summary-v06210>div{display:grid;grid-template-columns:minmax(115px,37%) minmax(0,1fr);gap:14px;padding:14px 17px;align-items:center;border-bottom:1px solid var(--line)} .invite-summary-v06210>div:last-child{border-bottom:0} .invite-summary-v06210 span{color:var(--muted);font-size:.78rem} .invite-summary-v06210 strong{color:var(--text);font-size:.91rem;overflow-wrap:anywhere} .invite-join-v06210 .callout{margin-top:17px;line-height:1.55} .invite-error-v06210{border-color:rgba(239,49,56,.35);background:var(--red-soft)} .invite-security-v06210{color:var(--muted);font-size:.83rem;line-height:1.5;margin-top:13px} @media(max-width:720px){ .invite-join-v06210{width:min(100%,calc(100vw - 16px));max-height:calc(100vh - 16px)} .invite-summary-v06210>div{grid-template-columns:1fr;gap:4px;padding:12px 14px} .invite-join-v06210 .modal-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px} .invite-join-v06210 .modal-foot .btn{width:100%;white-space:normal} } @media(max-width:390px){.invite-join-v06210 .modal-foot{grid-template-columns:1fr}} /* v0.6.21.1 – Invitation Secret Display Polish */ .invite-token-masked-v06211 { justify-content:space-between; flex-wrap:wrap; } .invite-token-masked-v06211 span { color:var(--muted); font-size:13px; font-weight:700; } @media(max-width:720px) { .invite-token-masked-v06211 .btn { width:100%; } } /* v0.6.22.0 – Members lifecycle / explicitly separate club exit */ .club-lifecycle-actions-v06220{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap} .club-lifecycle-actions-v06220 .btn{max-width:100%;white-space:normal;text-align:center} @media(max-width:680px){ .access-person-head-v06190{flex-wrap:wrap;gap:14px} .club-lifecycle-actions-v06220{width:100%;justify-content:flex-start} .club-lifecycle-actions-v06220 .btn{width:100%} } /* v0.6.22.1 – scoped members directory, native responsive layout. */ .members-center-v06221{max-width:1360px;margin:0 auto;width:100%;display:grid;gap:18px} .members-hero-v06221{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,var(--panel),var(--surface, #191e27))} .members-hero-v06221 h1{font-size:clamp(1.7rem,3.5vw,2.6rem);margin:8px 0} .members-hero-v06221 p{max-width:670px;color:var(--muted);line-height:1.6;margin:0} .members-org-select-v06221{display:grid;gap:7px;min-width:215px;font-size:.82rem;color:var(--muted)} .members-org-select-v06221 select,.members-search-v06221 input{width:100%;max-width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:9px 12px} .members-metrics-v06221{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .members-metrics-v06221 article{display:grid;gap:9px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)} .members-metrics-v06221 small,.members-person-main-v06221 small,.members-team-v06221 small{color:var(--muted);font-size:.81rem} .members-metrics-v06221 strong{font-size:1.55rem} .members-search-v06221{display:grid;gap:7px;max-width:510px;margin:18px 0} .members-search-v06221 label{color:var(--muted);font-size:.8rem} .members-list-v06221{display:grid;gap:10px} .members-person-v06221{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)} .members-person-head-v06221{display:flex;align-items:center;gap:13px;min-width:0} .members-person-avatar-v06221{height:42px;width:42px;flex-shrink:0;display:grid;place-items:center;background:#452329;color:#ffa8ae;border-radius:12px;font-weight:800} .members-person-main-v06221{min-width:0;flex:1;display:grid;gap:3px} .members-person-main-v06221 small{overflow-wrap:anywhere} .members-person-teams-v06221{display:grid;gap:8px;margin-top:13px} .members-team-v06221{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:10px} .members-team-v06221 span{display:grid;gap:4px;min-width:0} .members-team-v06221 small{overflow-wrap:anywhere} .members-team-v06221 button{flex-shrink:0} .members-empty-team-v06221{margin:12px 0 0;color:var(--muted);font-size:.88rem} @media(max-width:760px){.members-center-v06221{gap:12px}.members-hero-v06221{padding:19px;flex-direction:column;align-items:stretch}.members-org-select-v06221{min-width:0}.members-metrics-v06221{grid-template-columns:1fr 1fr}.members-metrics-v06221 article:last-child{grid-column:1/-1}.members-person-head-v06221{flex-wrap:wrap}.members-person-head-v06221 .status-pill{margin-left:55px}.members-team-v06221{align-items:flex-start;flex-direction:column}.members-team-v06221 button{align-self:flex-end}} /* v0.6.24.0 – inherited organization / department / team branding */ .branding-badge-v06240{ display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:4px 8px; border:1px solid var(--border);border-radius:999px;background:var(--surface-soft); color:var(--muted);font-size:11px;font-weight:700;line-height:1; } .branding-badge-v06240 i{ width:10px;height:10px;border-radius:50%;background:var(--swatch);border:1px solid rgba(255,255,255,.28); box-shadow:0 0 0 1px rgba(0,0,0,.12); } .branding-editor-v06240{ margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft); } .branding-editor-head-v06240{ display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px; } .branding-editor-head-v06240 h3{margin:2px 0 4px} .branding-editor-head-v06240 p{margin:0;color:var(--muted);font-size:13px} .branding-toggle-v06240{margin:0 0 14px} .branding-color-grid-v06240{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;transition:opacity .18s ease; } .branding-color-grid-v06240.is-inherited{opacity:.52} .branding-color-grid-v06240>label>span{ display:block;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:700; } .branding-color-control-v06240{ display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border); border-radius:12px;background:var(--surface); } .branding-color-control-v06240 input[type="color"]{ width:44px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer; } .branding-color-control-v06240 input[type="color"]:disabled{cursor:not-allowed;filter:saturate(.35)} .branding-color-control-v06240 code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);font-size:12px} .branding-preview-v06240{ display:flex;align-items:center;gap:11px;margin-top:12px;padding:10px 12px;border-radius:12px; border:1px solid var(--border);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary)); } .branding-preview-v06240>span{ width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--brand-primary) 50%,var(--brand-secondary) 50%); border:2px solid rgba(255,255,255,.65);box-shadow:0 2px 8px rgba(0,0,0,.18); } .branding-preview-v06240>div{ padding:5px 8px;border-radius:9px;background:rgba(8,11,16,.70);backdrop-filter:blur(4px); } .branding-preview-v06240 strong,.branding-preview-v06240 small{display:block;color:#fff} .branding-preview-v06240 small{margin-top:2px;font-size:11px;opacity:.78} /* Team colors are contextual accents only. Status and global RedEye colors stay untouched. */ .team-hub-shell-v0691 .team-hub-hero-v0691{border-left:3px solid var(--team-primary,#EF3138)} .team-hub-shell-v0691 .team-hero-mark-v0691{ background:linear-gradient(135deg,var(--team-primary,#EF3138),var(--team-secondary,#151A22)); border-color:var(--team-primary,#EF3138); } .team-hub-shell-v0691 .team-hub-metric-icon-v0691{color:var(--team-primary,#EF3138)} .team-hub-shell-v0691 .team-hub-system-tags-v0690 span{border-color:var(--team-primary,#EF3138)} @media (max-width:720px){ .branding-editor-head-v06240{flex-direction:column} .branding-color-grid-v06240{grid-template-columns:1fr} } /* v0.6.25.0 – Trainer Center foundation */ .trainer-shell-v06250{ --trainer-primary:var(--team-primary,#EF3138); --trainer-secondary:var(--team-secondary,#151A22); } .trainer-center-v06250{max-width:1660px;margin:0 auto} .trainer-hero-v06250{ display:flex;justify-content:space-between;align-items:flex-end;gap:28px; padding:28px 30px;margin-bottom:22px;border:1px solid var(--border);border-left:4px solid var(--trainer-primary); border-radius:20px;background:linear-gradient(135deg,var(--surface),var(--surface-soft)); } .trainer-hero-v06250 h1{margin:5px 0 8px;font-size:clamp(28px,3vw,44px)} .trainer-hero-v06250 p{max-width:800px;margin:0;color:var(--muted);line-height:1.6} .trainer-hero-meta-v06250{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px} .trainer-hero-meta-v06250 span{ min-width:118px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft) } .trainer-hero-meta-v06250 small,.trainer-hero-meta-v06250 strong{display:block} .trainer-hero-meta-v06250 small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em} .trainer-hero-meta-v06250 strong{margin-top:4px} .trainer-layout-v06250{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;align-items:start} .trainer-library-v06250,.trainer-editor-v06250{ border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft) } .trainer-library-v06250{position:sticky;top:82px;padding:16px} .trainer-editor-v06250{min-height:700px;padding:18px} .trainer-board-list-v06250{display:grid;gap:8px} .trainer-board-row-v06250{ width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px; padding:11px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft);color:var(--text); text-align:left;cursor:pointer;transition:.16s ease } .trainer-board-row-v06250:hover{transform:translateY(-1px);border-color:var(--trainer-primary)} .trainer-board-row-v06250.active{border-color:var(--trainer-primary);box-shadow:0 0 0 1px var(--trainer-primary)} .trainer-board-row-v06250 strong,.trainer-board-row-v06250 small{display:block} .trainer-board-row-v06250 small{margin-top:3px;color:var(--muted);font-size:11px} .trainer-board-symbol-v06250{ display:grid;place-items:center;width:30px;height:30px;border-radius:9px; background:color-mix(in srgb,var(--trainer-primary) 16%,transparent);color:var(--trainer-primary);font-size:16px } .trainer-empty-list-v06250{padding:18px 8px;text-align:center;color:var(--muted)} .trainer-empty-list-v06250 strong{display:block;color:var(--text)} .trainer-empty-list-v06250 p{font-size:12px;line-height:1.5} .trainer-sync-callout-v06250{margin-top:14px} .trainer-sync-callout-v06250 p{margin:5px 0 0;font-size:12px} .trainer-workspace-v06250{display:grid;gap:16px} .trainer-editor-toolbar-v06250{ display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--border) } .trainer-title-fields-v06250{display:grid;grid-template-columns:minmax(240px,520px);gap:10px;flex:1} .trainer-title-fields-v06250 label>span,.trainer-notes-v06250 label>span,.trainer-studio-footer-v06250 label>span{ display:block;margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em } .trainer-title-fields-v06250 input,.trainer-notes-v06250 textarea,.trainer-studio-footer-v06250 input,.trainer-studio-footer-v06250 textarea{ width:100%;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft);color:var(--text); padding:10px 12px;font:inherit } .trainer-toolbar-actions-v06250{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .trainer-default-toggle-v06250{margin:0;min-width:150px} .trainer-phase-bar-v06250{ display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px; border:1px solid var(--border);border-radius:14px;background:var(--surface-soft) } .trainer-phase-tabs-v06250{display:flex;gap:7px;overflow:auto;padding:2px;scrollbar-width:thin} .trainer-phase-tabs-v06250 button{ flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--border); border-radius:11px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;font-weight:750;cursor:pointer } .trainer-phase-tabs-v06250 button span{ display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:var(--surface-soft);color:var(--muted);font-size:10px } .trainer-phase-tabs-v06250 button.active{border-color:var(--trainer-primary);box-shadow:0 0 0 1px var(--trainer-primary)} .trainer-phase-tabs-v06250 button.active span{background:var(--trainer-primary);color:#fff} .trainer-phase-actions-v06250{display:flex;gap:7px;flex:0 0 auto} .trainer-studio-layout-v06250{ display:grid;grid-template-columns:150px minmax(460px,1fr) 290px;gap:14px;align-items:start } .trainer-toolbox-v06250,.trainer-roster-palette-v06250,.trainer-history-v06250,.trainer-studio-panel-v06250{ border:1px solid var(--border);border-radius:16px;background:var(--surface-soft) } .trainer-toolbox-v06250{padding:12px;position:sticky;top:82px} .trainer-tool-group-v06250{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px} .trainer-tool-group-v06250.paths{grid-template-columns:1fr} .trainer-tool-v06250{ display:flex;min-width:0;align-items:center;gap:7px;padding:8px;border:1px solid var(--border);border-radius:10px; background:var(--surface);color:var(--text);cursor:pointer;text-align:left } .trainer-tool-v06250>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--surface-soft);font-weight:900} .trainer-tool-v06250 small{font-size:10px;font-weight:750} .trainer-tool-v06250:hover,.trainer-tool-v06250.active{border-color:var(--trainer-primary)} .trainer-tool-v06250.active{box-shadow:0 0 0 1px var(--trainer-primary);background:color-mix(in srgb,var(--trainer-primary) 8%,var(--surface))} .trainer-tool-v06250.active>span{background:var(--trainer-primary);color:#fff} .trainer-tool-label-v06250{margin-top:15px;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em} .trainer-tool-help-v06250{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.5} .trainer-studio-center-v06250{min-width:0} .trainer-studio-panel-v06250{padding:15px} .trainer-studio-court-v06250{ position:relative;isolation:isolate;width:100%;aspect-ratio:5/3;margin-top:14px;overflow:hidden; border:3px solid color-mix(in srgb,var(--trainer-primary) 70%,#fff 8%);border-radius:18px; background: linear-gradient(90deg,rgba(255,255,255,.05) 0 49.8%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.05) 50.2%), linear-gradient(180deg,color-mix(in srgb,var(--trainer-primary) 11%,#173f35) 0 50%,color-mix(in srgb,var(--trainer-secondary) 16%,#19473d) 50% 100%); cursor:crosshair;box-shadow:inset 0 0 40px rgba(0,0,0,.18) } .trainer-court-markings-v06250{position:absolute;inset:0;z-index:0;pointer-events:none} .trainer-court-markings-v06250::before{ content:"";position:absolute;inset:5%;border:2px solid rgba(255,255,255,.74);border-radius:2px } .trainer-court-markings-v06250 .net{ position:absolute;left:5%;right:5%;top:50%;height:4px;transform:translateY(-50%); background:rgba(245,245,245,.95);box-shadow:0 0 0 1px rgba(20,20,20,.35) } .trainer-court-markings-v06250 .attack{ position:absolute;left:5%;right:5%;height:2px;background:rgba(255,255,255,.54) } .trainer-court-markings-v06250 .attack.top{top:31%} .trainer-court-markings-v06250 .attack.bottom{top:69%} .trainer-path-layer-v06250{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none} .trainer-path-v06250{ fill:none;stroke:var(--trainer-primary);stroke-width:7;stroke-linecap:round;stroke-linejoin:round; filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)) } .trainer-path-v06250.kind-move{stroke:#fff;stroke-dasharray:18 10} .trainer-path-v06250.kind-pass{stroke:#f4d03f} .trainer-path-v06250.kind-attack{stroke:#ff7043;stroke-width:9} .trainer-path-v06250.kind-serve{stroke:#4fc3f7;stroke-dasharray:24 8} .trainer-path-v06250.kind-block{stroke:#ce93d8} .trainer-path-v06250.kind-draw{stroke:rgba(255,255,255,.8);stroke-width:5} .trainer-path-draft-v06250{fill:var(--trainer-primary);stroke:#fff;stroke-width:4} .trainer-object-v06250{ position:absolute;z-index:4;transform:translate(-50%,-50%);display:grid;place-items:center; min-width:42px;height:42px;padding:0 7px;border:2px solid rgba(255,255,255,.86);border-radius:50%; background:var(--trainer-primary);color:#fff;font:800 11px/1 inherit;cursor:pointer; box-shadow:0 4px 12px rgba(0,0,0,.32);transition:transform .14s ease,box-shadow .14s ease } .trainer-object-v06250:hover{transform:translate(-50%,-50%) scale(1.08)} .trainer-object-v06250.selected{box-shadow:0 0 0 4px color-mix(in srgb,var(--trainer-primary) 35%,#fff),0 5px 14px rgba(0,0,0,.4)} .trainer-object-v06250.kind-libero{background:var(--trainer-secondary)} .trainer-object-v06250.kind-ball{min-width:28px;width:28px;height:28px;padding:0;background:#f4d03f;color:#232323;font-size:7px} .trainer-object-v06250.kind-cone{min-width:30px;width:30px;height:30px;padding:0;border-radius:8px;background:#ff8a3d} .trainer-object-v06250.kind-marker{min-width:30px;width:30px;height:30px;padding:0;border-radius:8px;background:#7e57c2;transform:translate(-50%,-50%) rotate(45deg)} .trainer-object-v06250.kind-marker span{transform:rotate(-45deg)} .trainer-object-v06250.kind-marker:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.08)} .trainer-studio-footer-v06250{display:grid;grid-template-columns:minmax(180px,.5fr) minmax(280px,1fr);gap:10px;margin-top:12px} .trainer-studio-footer-v06250 textarea{resize:vertical;min-height:74px} .trainer-selection-actions-v06250{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end} .trainer-studio-side-v06250{display:grid;gap:12px} .trainer-roster-palette-v06250,.trainer-history-v06250{padding:13px} .trainer-roster-palette-list-v06250,.trainer-history-list-v06250{ display:grid;gap:7px;max-height:340px;overflow:auto;padding-right:3px } .trainer-roster-palette-row-v06250{ display:grid;gap:8px;padding:9px;border:1px solid var(--border);border-radius:11px;background:var(--surface) } .trainer-roster-palette-row-v06250.selected{border-color:var(--trainer-primary)} .trainer-roster-palette-row-v06250 strong,.trainer-roster-palette-row-v06250 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .trainer-roster-palette-row-v06250 small{margin-top:2px;color:var(--muted);font-size:10px} .trainer-roster-palette-row-v06250>div:last-child{display:flex;gap:5px} .trainer-roster-palette-row-v06250 button{ flex:1;padding:6px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text); font-size:10px;font-weight:800;cursor:pointer } .trainer-roster-palette-row-v06250 button:hover{border-color:var(--trainer-primary)} .trainer-history-list-v06250>div{ padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--surface) } .trainer-history-list-v06250 strong,.trainer-history-list-v06250 span,.trainer-history-list-v06250 small{display:block} .trainer-history-list-v06250 span{margin-top:2px;color:var(--muted);font-size:10px} .trainer-history-list-v06250 small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4} .trainer-notes-v06250{padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)} .trainer-notes-v06250 textarea{resize:vertical;min-height:95px} .trainer-notes-v06250>div{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:var(--muted);font-size:11px} .trainer-empty-workspace-v06250{display:grid;place-items:center;align-content:center;min-height:570px;text-align:center;padding:50px} .trainer-empty-workspace-v06250>span{font-size:54px;color:var(--trainer-primary)} .trainer-empty-workspace-v06250 h2{margin:12px 0 6px} .trainer-empty-workspace-v06250 p{max-width:640px;margin:0 0 18px;color:var(--muted);line-height:1.6} @media (max-width:1380px){ .trainer-studio-layout-v06250{grid-template-columns:125px minmax(420px,1fr) 250px} } @media (max-width:1180px){ .trainer-layout-v06250{grid-template-columns:230px minmax(0,1fr)} .trainer-studio-layout-v06250{grid-template-columns:110px minmax(0,1fr)} .trainer-studio-side-v06250{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))} .trainer-editor-toolbar-v06250{align-items:stretch;flex-direction:column} .trainer-toolbar-actions-v06250{justify-content:flex-start} } @media (max-width:820px){ .trainer-hero-v06250{align-items:stretch;flex-direction:column} .trainer-hero-meta-v06250{grid-template-columns:repeat(3,1fr);width:100%} .trainer-layout-v06250{grid-template-columns:1fr} .trainer-library-v06250,.trainer-toolbox-v06250{position:static} .trainer-board-list-v06250{grid-template-columns:repeat(2,minmax(0,1fr))} .trainer-phase-bar-v06250{align-items:stretch;flex-direction:column} .trainer-studio-layout-v06250{grid-template-columns:1fr} .trainer-tool-group-v06250{grid-template-columns:repeat(4,minmax(0,1fr))} .trainer-tool-group-v06250.paths{grid-template-columns:repeat(3,minmax(0,1fr))} .trainer-studio-side-v06250{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))} .trainer-studio-court-v06250{aspect-ratio:4/3} } @media (max-width:620px){ .trainer-hero-meta-v06250{grid-template-columns:1fr} .trainer-board-list-v06250{grid-template-columns:1fr} .trainer-tool-group-v06250{grid-template-columns:repeat(2,minmax(0,1fr))} .trainer-tool-group-v06250.paths{grid-template-columns:repeat(2,minmax(0,1fr))} .trainer-studio-side-v06250{grid-template-columns:1fr} .trainer-studio-footer-v06250{grid-template-columns:1fr} .trainer-studio-court-v06250{aspect-ratio:1/1} .trainer-object-v06250{min-width:36px;height:36px;font-size:10px} .trainer-phase-actions-v06250{flex-wrap:wrap} } /* v0.6.30-dev – Trainer Live mobile viewer */ .trainer-live-shell-v06300{min-height:100vh;background:var(--bg);color:var(--text)} .trainer-live-top-v06300{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(14px)} .trainer-live-top-v06300>div{display:flex;flex-direction:column;min-width:0} .trainer-live-top-v06300 strong{font-size:.98rem} .trainer-live-top-v06300 small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)} .trainer-live-viewer-v06300,.trainer-live-lobby-v06300{width:min(980px,100%);margin:0 auto;padding:18px 16px 32px} .trainer-live-hero-v06300{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:18px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,var(--team-primary) 4%),var(--panel))} .trainer-live-hero-v06300 h1{margin:4px 0 6px;font-size:clamp(1.45rem,5vw,2rem)} .trainer-live-hero-v06300 p{margin:0;color:var(--muted);max-width:620px} .trainer-live-connection-v06300{display:flex;align-items:center;gap:9px;min-width:210px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)} .trainer-live-connection-v06300>span{width:10px;height:10px;border-radius:50%;background:#d0a12a;box-shadow:0 0 0 4px color-mix(in srgb,#d0a12a 16%,transparent)} .trainer-live-connection-v06300.online>span{background:#2faf72;box-shadow:0 0 0 4px color-mix(in srgb,#2faf72 16%,transparent)} .trainer-live-connection-v06300.revoked>span,.trainer-live-connection-v06300.ended>span{background:#d65353} .trainer-live-connection-v06300 div{display:flex;flex-direction:column} .trainer-live-connection-v06300 small{color:var(--muted);font-size:.72rem} .trainer-live-meta-v06300{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0} .trainer-live-meta-v06300>span{display:flex;flex-direction:column;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--panel)} .trainer-live-meta-v06300 small{color:var(--muted);font-size:.72rem} .trainer-live-phase-tabs-v06300{display:flex;gap:8px;overflow:auto;padding:4px 0 12px;scrollbar-width:none} .trainer-live-phase-tabs-v06300 button{flex:0 0 auto;display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:9px 12px;border-radius:999px;cursor:pointer} .trainer-live-phase-tabs-v06300 button span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--surface)} .trainer-live-phase-tabs-v06300 button.active{border-color:var(--team-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--team-primary) 14%,transparent)} .trainer-live-court-card-v06300{border:1px solid var(--border);border-radius:20px;background:var(--panel);padding:14px;overflow:hidden} .trainer-live-phase-head-v06300{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} .trainer-live-phase-head-v06300 h2{margin:3px 0 0} .trainer-live-readonly-v06300,.trainer-live-code-needed-v06300{font-size:.75rem;padding:6px 9px;border-radius:999px;background:var(--surface);color:var(--muted);border:1px solid var(--border)} .trainer-live-court-v06300{position:relative;aspect-ratio:5/3;overflow:hidden;border-radius:16px;border:2px solid color-mix(in srgb,var(--team-primary) 45%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--team-primary) 8%,#d8a65b),color-mix(in srgb,var(--team-primary) 3%,#e9bd73));touch-action:none} [data-theme="dark"] .trainer-live-court-v06300{background:linear-gradient(90deg,#6f4f27,#825e30)} .trainer-live-court-v06300 .trainer-court-markings-v06250{pointer-events:none} .trainer-live-object-v06300{pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:5} .trainer-live-path-layer-v06300{pointer-events:none} .trainer-live-notes-v06300{margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--surface)} .trainer-live-notes-v06300 p{margin:5px 0 0;white-space:pre-wrap;color:var(--muted)} .trainer-live-footer-v06300{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:var(--muted);font-size:.82rem} .trainer-live-lobby-v06300{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;padding-top:28px} .trainer-live-join-card-v06300,.trainer-live-session-list-v06300{border:1px solid var(--border);border-radius:20px;background:var(--panel);padding:20px} .trainer-live-join-card-v06300 h1{margin:6px 0 8px} .trainer-live-join-card-v06300>p{color:var(--muted);line-height:1.55} .trainer-live-icon-v06300{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;margin-bottom:16px;font-size:1.7rem;background:color-mix(in srgb,var(--team-primary) 15%,var(--surface))} .trainer-live-join-form-v06300{display:grid;gap:12px;margin-top:18px} .trainer-live-join-form-v06300 label{display:grid;gap:7px} .trainer-live-join-form-v06300 input{width:100%;padding:12px 13px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit} .trainer-live-session-list-v06300{align-self:start} .trainer-live-session-row-v06300{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border)} .trainer-live-session-row-v06300:first-of-type{border-top:0} .trainer-live-session-row-v06300>div{display:flex;align-items:center;gap:10px;min-width:0} .trainer-live-session-row-v06300>div>span:last-child{display:flex;flex-direction:column;min-width:0} .trainer-live-session-row-v06300 small{color:var(--muted)} .trainer-live-status-dot-v06300{width:10px;height:10px;border-radius:50%;background:#d0a12a;flex:0 0 auto} .trainer-live-status-dot-v06300.live{background:#2faf72} .trainer-live-status-dot-v06300.paused{background:#d0a12a} .trainer-live-empty-v06300{display:grid;place-items:center;text-align:center;min-height:360px;border:1px dashed var(--border);border-radius:18px;background:var(--panel);padding:30px} .trainer-live-empty-v06300>span{font-size:2.4rem} .trainer-live-empty-v06300 h2{margin:10px 0 4px} .trainer-live-empty-v06300 p{margin:0;color:var(--muted)} @media (max-width:720px){ .trainer-live-top-v06300{padding:10px 12px} .trainer-live-viewer-v06300,.trainer-live-lobby-v06300{padding:12px 10px 24px} .trainer-live-lobby-v06300{grid-template-columns:1fr;padding-top:16px} .trainer-live-hero-v06300{display:grid;padding:14px;border-radius:16px} .trainer-live-connection-v06300{min-width:0;width:100%} .trainer-live-meta-v06300{gap:6px} .trainer-live-meta-v06300>span{padding:10px} .trainer-live-meta-v06300 strong{font-size:.9rem} .trainer-live-court-card-v06300{padding:10px;border-radius:16px} .trainer-live-court-v06300{border-radius:12px} .trainer-live-phase-head-v06300{align-items:flex-start} .trainer-live-footer-v06300{align-items:flex-start;flex-direction:column} .trainer-live-footer-v06300 .btn{width:100%} } /* P3.2 – Trainer Live viewer hand raise */ .trainer-live-hand-card-v06320{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:var(--panel)} .trainer-live-hand-card-v06320>div{display:flex;align-items:center;gap:12px;min-width:0} .trainer-live-hand-card-v06320>div>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0} .trainer-live-hand-card-v06320 small{color:var(--muted);line-height:1.4} .trainer-live-hand-card-v06320.is-raised{border-color:color-mix(in srgb,var(--team-primary) 55%,var(--border));background:color-mix(in srgb,var(--team-primary) 8%,var(--panel))} .trainer-live-hand-icon-v06320{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--surface);font-size:1.35rem;flex:0 0 auto} .trainer-live-raised-panel-v06320{margin-top:12px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--team-primary) 45%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--team-primary) 7%,var(--panel))} .trainer-live-raised-panel-v06320.is-empty{border-color:var(--border);background:var(--panel)} .trainer-live-raised-panel-v06320.is-empty>div{display:flex;align-items:center;gap:12px} .trainer-live-raised-panel-v06320.is-empty>div>span:last-child{display:flex;flex-direction:column;gap:3px} .trainer-live-raised-panel-v06320 small{color:var(--muted)} .trainer-live-raised-list-v06320{display:grid;gap:8px} .trainer-live-raised-list-v06320>div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--surface)} .trainer-live-raised-list-v06320>div>span:last-child{display:flex;flex-direction:column;gap:2px} @media (max-width:720px){ .trainer-live-hand-card-v06320{align-items:stretch;flex-direction:column} .trainer-live-hand-card-v06320 .btn{width:100%} } /* P3.3 – Trainer Live controller */ .trainer-live-controller-lobby-v06330{width:min(1080px,100%);margin:0 auto;padding:28px 16px 36px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:16px} .trainer-live-create-card-v06330,.trainer-live-controller-sessions-v06330,.trainer-live-controller-actions-v06330,.trainer-live-code-card-v06330,.trainer-live-participants-v06330{border:1px solid var(--border);border-radius:20px;background:var(--panel);padding:18px} .trainer-live-controller-icon-v06330{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;margin-bottom:16px;background:color-mix(in srgb,var(--team-primary) 15%,var(--surface));font-size:1.6rem} .trainer-live-create-card-v06330 h1{margin:6px 0 8px} .trainer-live-create-card-v06330>p,.trainer-live-controller-actions-v06330 p,.trainer-live-code-card-v06330 p{color:var(--muted);line-height:1.5} .trainer-live-create-form-v06330{display:grid;gap:14px;margin-top:18px} .trainer-live-create-form-v06330 label{display:grid;gap:7px} .trainer-live-create-form-v06330 select{width:100%;padding:12px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit} .trainer-live-board-preview-v06330{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px} .trainer-live-board-preview-v06330>span{display:flex;flex-direction:column;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)} .trainer-live-board-preview-v06330 small,.trainer-live-controller-session-list-v06330 small,.trainer-live-participant-list-v06330 small{color:var(--muted)} .trainer-live-no-board-v06330{display:grid;gap:10px;margin-top:18px;padding:14px;border:1px dashed var(--border);border-radius:14px;background:var(--surface)} .trainer-live-no-board-v06330 p{margin:0;color:var(--muted)} .trainer-live-controller-session-list-v06330{display:grid} .trainer-live-controller-session-list-v06330 article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border)} .trainer-live-controller-session-list-v06330 article:first-child{border-top:0} .trainer-live-controller-session-list-v06330 article>div{display:flex;align-items:center;gap:10px} .trainer-live-controller-session-list-v06330 article>div>span:last-child{display:flex;flex-direction:column} .trainer-live-controller-join-v06330{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)} .trainer-live-controller-join-v06330 summary{cursor:pointer;color:var(--muted)} .trainer-live-controller-actions-v06330{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0} .trainer-live-controller-actions-v06330 h2{margin:3px 0 5px} .trainer-live-controller-actions-v06330 p{margin:0;max-width:620px} .trainer-live-controller-buttons-v06330{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .trainer-live-code-card-v06330{margin:12px 0} .trainer-live-code-head-v06330{display:flex;align-items:center;justify-content:space-between;gap:12px} .trainer-live-code-head-v06330 h2{margin:3px 0 0} .trainer-live-code-value-v06330{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:14px} .trainer-live-code-value-v06330 code{display:block;overflow-wrap:anywhere;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:.86rem;line-height:1.5} .trainer-live-code-hidden-v06330{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px;border:1px dashed var(--border);border-radius:14px;background:var(--surface)} .trainer-live-code-hidden-v06330>span{font-size:1.5rem} .trainer-live-code-hidden-v06330 p{margin:4px 0 0} .trainer-live-participants-v06330{margin-top:12px} .trainer-live-participant-list-v06330{display:grid;gap:8px} .trainer-live-participant-list-v06330 article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface)} .trainer-live-participant-list-v06330 article.is-raised{border-color:color-mix(in srgb,var(--team-primary) 55%,var(--border));background:color-mix(in srgb,var(--team-primary) 8%,var(--surface))} .trainer-live-participant-list-v06330 article>div:nth-child(2){display:flex;flex-direction:column;min-width:0} .trainer-live-participant-avatar-v06330{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--panel)} .trainer-live-participant-state-v06330{font-size:.75rem;padding:5px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted);white-space:nowrap} .trainer-live-participant-list-v06330 article.is-raised .trainer-live-participant-state-v06330{color:var(--text);border-color:color-mix(in srgb,var(--team-primary) 55%,var(--border))} @media (max-width:860px){ .trainer-live-controller-lobby-v06330{grid-template-columns:1fr;padding:16px 10px 28px} } @media (max-width:720px){ .trainer-live-controller-actions-v06330{align-items:stretch;flex-direction:column} .trainer-live-controller-buttons-v06330{justify-content:stretch} .trainer-live-controller-buttons-v06330 .btn{flex:1} .trainer-live-code-head-v06330{align-items:flex-start;flex-direction:column} .trainer-live-code-value-v06330{grid-template-columns:1fr} .trainer-live-code-value-v06330 .btn{width:100%} .trainer-live-board-preview-v06330{grid-template-columns:1fr 1fr} .trainer-live-board-preview-v06330>span:first-child{grid-column:1/-1} .trainer-live-controller-session-list-v06330 article{align-items:flex-start;flex-direction:column} .trainer-live-controller-session-list-v06330 article .btn{width:100%} .trainer-live-participant-list-v06330 article{grid-template-columns:auto 1fr} .trainer-live-participant-state-v06330{grid-column:2} } /* P3.4 – server-authoritative live tactics commands */ .trainer-live-court-v06300.is-controller .trainer-live-object-v06300{pointer-events:auto;cursor:grab;user-select:none;touch-action:none} .trainer-live-court-v06300.is-controller .trainer-live-object-v06300:hover{filter:brightness(1.08);z-index:8} .trainer-live-court-v06300.is-controller .trainer-live-object-v06300.is-dragging{cursor:grabbing;z-index:12;filter:brightness(1.12);box-shadow:0 8px 24px rgba(0,0,0,.18)} .trainer-live-court-v06300.is-controller{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--team-primary) 18%,transparent)} /* P3.5 – extended live commands */ .trainer-live-toolbox-v06350{margin:12px 0;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--panel)} .trainer-live-toolbox-head-v06350{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px} .trainer-live-toolbox-head-v06350 h2{margin:3px 0 0} .trainer-live-command-state-v06350{font-size:.74rem;padding:6px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted)} .trainer-live-tool-grid-v06350{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .trainer-live-tool-grid-v06350.paths{grid-template-columns:repeat(6,minmax(0,1fr))} .trainer-live-tool-v06350{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer} .trainer-live-tool-v06350 span{font-weight:800} .trainer-live-tool-v06350 small{font-size:.76rem} .trainer-live-tool-v06350.active{border-color:var(--team-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--team-primary) 14%,transparent);background:color-mix(in srgb,var(--team-primary) 7%,var(--surface))} .trainer-live-tool-label-v06350{margin:14px 0 7px;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)} .trainer-live-player-tool-v06350{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px} .trainer-live-player-tool-v06350 select{min-width:0;padding:10px 11px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit} .trainer-live-tool-help-v06350{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:.82rem} .trainer-live-tool-help-v06350>div{display:flex;gap:8px} .trainer-live-path-list-v06350{display:grid;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)} .trainer-live-path-list-v06350>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:11px;background:var(--surface)} .trainer-live-path-list-v06350>div>span{display:flex;flex-direction:column} .trainer-live-path-list-v06350 small{color:var(--muted)} .trainer-live-object-delete-v06350{display:none;position:absolute;right:-10px;top:-10px;width:22px;height:22px;border:1px solid var(--border);border-radius:50%;background:var(--panel);color:var(--text);font-weight:800;line-height:1;cursor:pointer;z-index:20} .trainer-live-court-v06300.is-controller .trainer-live-object-v06300:hover .trainer-live-object-delete-v06350{display:grid;place-items:center} .trainer-live-path-draft-v06350{fill:none;stroke-width:5;stroke-dasharray:12 8;opacity:.75;pointer-events:none} .trainer-live-path-draft-v06350.kind-move{stroke:currentColor} @media (max-width:760px){ .trainer-live-tool-grid-v06350,.trainer-live-tool-grid-v06350.paths{grid-template-columns:repeat(2,minmax(0,1fr))} .trainer-live-player-tool-v06350{grid-template-columns:1fr 1fr} .trainer-live-player-tool-v06350 select{grid-column:1/-1} .trainer-live-tool-help-v06350{align-items:stretch;flex-direction:column} .trainer-live-tool-help-v06350>div .btn{flex:1} } /* P3.6 – metadata editor, path redraw and controller hardening */ .trainer-live-object-actions-v06360{display:none;position:absolute;right:-13px;top:-13px;gap:4px;z-index:22} .trainer-live-court-v06300.is-controller .trainer-live-object-v06300:hover .trainer-live-object-actions-v06360{display:flex} .trainer-live-object-edit-v06360,.trainer-live-object-actions-v06360 .trainer-live-object-delete-v06350{position:static;display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--border);border-radius:50%;background:var(--panel);color:var(--text);font-size:.72rem;font-weight:800;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.12)} .trainer-live-object-meta-v06360{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid color-mix(in srgb,var(--team-primary) 40%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--team-primary) 5%,var(--surface))} .trainer-live-object-meta-head-v06360{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .trainer-live-object-meta-grid-v06360{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .trainer-live-object-meta-grid-v06360 label{display:grid;gap:6px} .trainer-live-object-meta-grid-v06360 input,.trainer-live-object-meta-grid-v06360 select{width:100%;padding:10px 11px;border:1px solid var(--border);border-radius:11px;background:var(--panel);color:var(--text);font:inherit} .trainer-live-object-meta-grid-v06360 small{color:var(--muted);font-size:.72rem} .trainer-live-path-list-v06350>div>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} @media (max-width:720px), (max-width:900px) and (orientation:landscape){ .trainer-live-object-meta-grid-v06360{grid-template-columns:1fr} .trainer-live-object-actions-v06360{display:flex} } /* v0.6.27.0-rc1 – Trainer Live mobile controller UX */ .trainer-live-phase-actions-v06270{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end} .trainer-live-focus-toggle-v06270{display:none} .trainer-live-mobile-secondary-v06270{margin:0} .trainer-live-mobile-secondary-toggle-v06270{display:none} .trainer-live-mobile-secondary-body-v06270{display:contents} @media (max-width:720px), (max-width:900px) and (orientation:landscape){ .trainer-live-shell-v06300.is-controller .trainer-live-top-v06300{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding:7px 9px} .trainer-live-shell-v06300.is-controller .trainer-live-top-v06300 small{display:none} .trainer-live-shell-v06300.is-controller .trainer-live-top-v06300 strong{font-size:.86rem} .trainer-live-shell-v06300.is-controller .trainer-live-top-v06300 button{min-width:44px;min-height:44px;padding:8px 10px} .trainer-live-shell-v06300.is-controller .trainer-live-viewer-v06300{display:flex;flex-direction:column;padding:8px 8px 20px} .trainer-live-shell-v06300.is-controller .trainer-live-hero-v06300{order:1;padding:10px 12px;gap:8px} .trainer-live-shell-v06300.is-controller .trainer-live-hero-v06300 p{display:none} .trainer-live-shell-v06300.is-controller .trainer-live-controller-actions-v06330{order:2;margin:8px 0;padding:12px} .trainer-live-shell-v06300.is-controller .trainer-live-meta-v06300{order:3;margin:0 0 8px} .trainer-live-shell-v06300.is-controller .trainer-live-phase-tabs-v06300{order:4;padding:0 0 8px} .trainer-live-shell-v06300.is-controller .trainer-live-court-card-v06300{order:5;padding:8px} .trainer-live-shell-v06300.is-controller .trainer-live-toolbox-v06350{order:6;margin:8px 0;padding:12px} .trainer-live-shell-v06300.is-controller .trainer-live-code-card-v06330{order:7;margin:8px 0;padding:12px} .trainer-live-shell-v06300.is-controller .trainer-live-mobile-secondary-v06270{order:8} .trainer-live-shell-v06300.is-controller .trainer-live-footer-v06300{order:9} .trainer-live-shell-v06300.is-controller .trainer-live-court-v06300{aspect-ratio:auto;min-height:clamp(350px,56dvh,540px)} .trainer-live-shell-v06300.is-controller .trainer-live-phase-head-v06300{align-items:flex-start;gap:8px} .trainer-live-shell-v06300.is-controller .trainer-live-phase-head-v06300 h2{font-size:1.05rem} .trainer-live-shell-v06300.is-controller .trainer-live-phase-actions-v06270{gap:6px} .trainer-live-shell-v06300.is-controller .trainer-live-focus-toggle-v06270{display:inline-flex;min-height:44px;align-items:center} .trainer-live-shell-v06300.is-controller .trainer-live-phase-tabs-v06300 button{min-height:44px;padding:8px 11px} .trainer-live-shell-v06300.is-controller .trainer-live-controller-buttons-v06330 .btn{min-height:46px} .trainer-live-shell-v06300.is-controller .trainer-live-tool-v06350{min-height:50px;padding:10px 8px} .trainer-live-shell-v06300.is-controller .trainer-live-player-tool-v06350 .btn{min-height:46px} .trainer-live-shell-v06300.is-controller .trainer-live-object-actions-v06360{right:-20px;top:-20px;gap:2px} .trainer-live-shell-v06300.is-controller .trainer-live-object-edit-v06360, .trainer-live-shell-v06300.is-controller .trainer-live-object-actions-v06360 .trainer-live-object-delete-v06350{position:relative;width:44px;height:44px;min-width:44px;min-height:44px;border:0;background:transparent;box-shadow:none;font-size:.92rem} .trainer-live-shell-v06300.is-controller .trainer-live-object-edit-v06360::before, .trainer-live-shell-v06300.is-controller .trainer-live-object-actions-v06360 .trainer-live-object-delete-v06350::before{content:"";position:absolute;inset:5px;border:1px solid var(--border);border-radius:50%;background:var(--panel);box-shadow:0 3px 10px rgba(0,0,0,.12);pointer-events:none} .toast-root{left:12px;right:12px;bottom:12px;width:auto;gap:6px;pointer-events:none} .toast-root .toast{width:100%;max-width:320px;justify-self:end;padding:9px 11px;border-radius:12px;gap:9px;pointer-events:auto} .toast-root .toast:not(:last-child){display:none} .toast-root .toast strong{font-size:11px} .toast-root .toast span{font-size:10px;line-height:1.35} .trainer-live-mobile-secondary-v06270{margin-top:8px;border:1px solid var(--border);border-radius:16px;background:var(--panel);overflow:hidden} .trainer-live-mobile-secondary-toggle-v06270{display:flex;width:100%;min-height:52px;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:0;background:transparent;color:var(--text);text-align:left;font:inherit} .trainer-live-mobile-secondary-toggle-v06270>span{display:flex;flex-direction:column;gap:2px;min-width:0} .trainer-live-mobile-secondary-toggle-v06270 small{color:var(--muted);font-size:.7rem} .trainer-live-mobile-secondary-toggle-v06270 b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--surface);font-size:1.2rem} .trainer-live-mobile-secondary-body-v06270{display:none;padding:0 10px 10px} .trainer-live-mobile-secondary-v06270.is-open .trainer-live-mobile-secondary-body-v06270{display:block} .trainer-live-mobile-secondary-body-v06270 .trainer-live-raised-panel-v06320, .trainer-live-mobile-secondary-body-v06270 .trainer-live-participants-v06330{margin-top:8px;padding:12px} } @media (max-width:720px){ .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-top-v06300, .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-hero-v06300, .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-controller-actions-v06330, .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-code-card-v06330, .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-meta-v06300, .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-mobile-secondary-v06270, .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-footer-v06300{display:none} .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-viewer-v06300{width:100%;max-width:none;padding:4px 0 12px} .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-phase-tabs-v06300{padding:4px 8px 6px} .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-court-card-v06300{padding:6px 8px 8px;border-left:0;border-right:0;border-radius:0} .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-court-v06300{min-height:clamp(430px,72dvh,680px);border-radius:10px} .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-toolbox-v06350{margin:8px;padding:10px} } @media (max-width:900px) and (orientation:landscape){ .trainer-live-shell-v06300.is-controller .trainer-live-top-v06300{padding:5px 8px} .trainer-live-shell-v06300.is-controller .trainer-live-hero-v06300{display:none} .trainer-live-shell-v06300.is-controller .trainer-live-controller-actions-v06330{padding:10px;margin:6px 0} .trainer-live-shell-v06300.is-controller .trainer-live-court-v06300{min-height:clamp(300px,72dvh,520px)} .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-top-v06300, .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-hero-v06300, .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-controller-actions-v06330, .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-code-card-v06330, .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-meta-v06300, .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-mobile-secondary-v06270, .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-footer-v06300{display:none} .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-viewer-v06300{display:flex;flex-direction:column;width:100%;max-width:none;padding:4px 0 10px} .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-phase-tabs-v06300{display:none} .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-court-card-v06300{order:5;padding:4px 8px 8px;border-left:0;border-right:0;border-radius:0} .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-focus-toggle-v06270{display:inline-flex;min-height:44px;align-items:center} .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-court-v06300{min-height:max(300px,calc(100dvh - 86px))} .trainer-live-shell-v06300.is-controller.is-mobile-focus .trainer-live-toolbox-v06350{order:6;margin:6px 8px 8px;padding:10px} } /* v0.6.28.0-dev1 – multi-club workspace switcher */ .workspace-switch-v06280{display:flex;align-items:center;gap:8px;min-height:42px;padding:4px 8px;border:1px solid var(--border);border-radius:12px;background:var(--surface)} .workspace-switch-v06280>span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} .workspace-switch-v06280 select{min-height:34px;max-width:240px;border:0;background:transparent;color:var(--text);font:inherit;font-weight:700;outline:none} .workspace-active-org-v06280{display:inline-flex;align-items:center;min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:12px;font-weight:800} @media (max-width:720px){ .dashboard-topbar-v0680 .top-actions{flex-wrap:wrap} .workspace-switch-v06280{order:-1;width:100%;justify-content:space-between} .workspace-switch-v06280 select{flex:1;max-width:none;text-align:right} .workspace-active-org-v06280{order:-1;width:100%;justify-content:center} } /* v0.6.28.0-dev1 P7 – branded multi-club workspace switcher */ .workspace-trigger-v06280{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:12px;min-width:250px;max-width:360px;padding:10px 42px 10px 14px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:15px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,var(--accent) 6%),var(--surface));color:var(--text);text-align:left;box-shadow:0 10px 30px rgba(0,0,0,.12);cursor:pointer} .workspace-trigger-v06280>span{grid-column:1;font-size:.65rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)} .workspace-trigger-v06280>strong{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;line-height:1.2} .workspace-trigger-v06280>small{grid-column:1;color:var(--accent);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .workspace-trigger-v06280>b{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1.35rem;font-weight:500;color:var(--muted)} .workspace-trigger-v06280:hover,.workspace-trigger-v06280:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent),0 12px 32px rgba(0,0,0,.16)} .workspace-trigger-v06280.is-static{cursor:default;padding-right:14px} .workspace-backdrop-v06280{align-items:flex-end;padding:18px} .workspace-sheet-v06280{width:min(620px,100%);max-height:min(78dvh,760px);margin:0 auto;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:0 30px 90px rgba(0,0,0,.46)} .workspace-sheet-head-v06280{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px 22px 17px;border-bottom:1px solid var(--border)} .workspace-sheet-head-v06280 h2{margin:4px 0 4px;font-size:1.32rem} .workspace-sheet-head-v06280 p{margin:0;max-width:500px;color:var(--muted);font-size:.87rem;line-height:1.45} .workspace-sheet-body-v06280{display:grid;gap:22px;max-height:calc(min(78dvh,760px) - 116px);padding:18px 18px 24px;overflow:auto;overscroll-behavior:contain} .workspace-group-v06280{display:grid;gap:9px} .workspace-group-head-v06280{padding:0 4px} .workspace-group-head-v06280>span{font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)} .workspace-group-head-v06280 h3{margin:3px 0 0;font-size:1rem} .workspace-choice-list-v06280{display:grid;gap:7px} .workspace-choice-v06280{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;width:100%;min-height:62px;padding:10px 13px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,var(--background) 8%);color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease} .workspace-choice-v06280:hover,.workspace-choice-v06280:focus-visible{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));outline:none;transform:translateY(-1px)} .workspace-choice-v06280.is-active{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:inset 3px 0 0 var(--accent)} .workspace-choice-v06280>span:last-child{display:grid;gap:2px;min-width:0} .workspace-choice-v06280 strong{font-size:.95rem} .workspace-choice-v06280 small{color:var(--muted);font-size:.77rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .workspace-choice-icon-v06280{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;border:1px solid var(--border);font-weight:900;color:var(--muted)} .workspace-choice-v06280.is-active .workspace-choice-icon-v06280{border-color:var(--accent);background:var(--accent);color:#fff} @media (min-width:721px){.workspace-backdrop-v06280{align-items:center}.workspace-sheet-v06280{border-radius:22px}} @media (max-width:720px){ .workspace-trigger-v06280{width:min(52vw,280px);min-width:0;padding:8px 34px 8px 11px;border-radius:13px} .workspace-trigger-v06280>span{font-size:.56rem}.workspace-trigger-v06280>strong{font-size:.76rem}.workspace-trigger-v06280>small{font-size:.7rem} .workspace-backdrop-v06280{padding:0;align-items:flex-end} .workspace-sheet-v06280{width:100%;max-height:82dvh;border-left:0;border-right:0;border-bottom:0;border-radius:24px 24px 0 0} .workspace-sheet-head-v06280{padding:18px 18px 14px}.workspace-sheet-head-v06280 h2{font-size:1.2rem}.workspace-sheet-head-v06280 p{font-size:.8rem} .workspace-sheet-body-v06280{padding:15px 14px max(22px,env(safe-area-inset-bottom));gap:19px;max-height:calc(82dvh - 105px)} .workspace-choice-v06280{min-height:60px;border-radius:13px} } /* v0.6.28.0-dev1 P7.2 – compact switcher aligned with productive live UX */ .workspace-compact-trigger-v06280{display:inline-flex;align-items:center;gap:7px;min-height:38px;max-width:min(340px,46vw);padding:7px 10px 7px 12px;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--surface) 96%,var(--accent) 4%);color:var(--text);font:inherit;font-size:.76rem;font-weight:800;cursor:pointer} .workspace-compact-trigger-v06280>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .workspace-compact-trigger-v06280>b{flex:0 0 auto;color:var(--muted);font-size:1rem;font-weight:500} .workspace-compact-trigger-v06280:hover,.workspace-compact-trigger-v06280:focus-visible{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));outline:none;background:color-mix(in srgb,var(--surface) 91%,var(--accent) 9%)} .workspace-compact-static-v06280{display:inline-flex;align-items:center;min-height:38px;max-width:min(340px,46vw);padding:7px 12px;border:1px solid var(--border);border-radius:11px;font-size:.76rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .workspace-compact-backdrop-v06280{align-items:center;justify-content:center;padding:16px} .workspace-compact-dialog-v06280{width:min(440px,100%);max-height:min(70dvh,620px);overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 28px 80px rgba(0,0,0,.48)} .workspace-compact-head-v06280{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px 11px;border-bottom:1px solid var(--border)} .workspace-compact-head-v06280>strong{font-size:.95rem} .workspace-compact-body-v06280{display:grid;gap:12px;max-height:calc(min(70dvh,620px) - 54px);padding:10px;overflow:auto;overscroll-behavior:contain} .workspace-compact-group-v06280{display:grid;gap:3px} .workspace-compact-group-title-v06280{padding:7px 9px 4px;color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase} .workspace-compact-choice-v06280{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:46px;padding:7px 9px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;cursor:pointer} .workspace-compact-choice-v06280:hover,.workspace-compact-choice-v06280:focus-visible{outline:none;background:color-mix(in srgb,var(--surface) 82%,var(--accent) 18%)} .workspace-compact-choice-v06280.is-active{background:color-mix(in srgb,var(--surface) 88%,var(--accent) 12%)} .workspace-compact-choice-v06280 strong{font-size:.9rem;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .workspace-compact-radio-v06280{display:grid;place-items:center;width:22px;height:22px;border:1.5px solid var(--muted);border-radius:999px;color:#fff;font-size:.72rem;font-weight:900} .workspace-compact-choice-v06280.is-active .workspace-compact-radio-v06280{border-color:var(--accent);background:var(--accent)} @media (max-width:720px){ .workspace-compact-trigger-v06280,.workspace-compact-static-v06280{max-width:48vw;min-height:36px;padding-top:6px;padding-bottom:6px;font-size:.7rem} .workspace-compact-backdrop-v06280{padding:12px} .workspace-compact-dialog-v06280{width:100%;max-height:72dvh;border-radius:16px} .workspace-compact-body-v06280{max-height:calc(72dvh - 52px);padding:8px} .workspace-compact-choice-v06280{min-height:44px} } /* v0.6.28.0-dev1 P8 – Trainer Live one-tap team join */ .trainer-live-team-access-v06280{display:grid;gap:12px} .trainer-live-team-access-head-v06280{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start} .trainer-live-team-access-head-v06280>span{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent);font-weight:900} .trainer-live-team-access-head-v06280 h2{margin:2px 0 4px}.trainer-live-team-access-head-v06280 p{margin:0;color:var(--muted)} .trainer-live-code-fallback-v06280{border-top:1px solid var(--border);padding-top:10px} .trainer-live-code-fallback-v06280>summary{cursor:pointer;color:var(--muted);font-size:.82rem;font-weight:800} .trainer-live-code-fallback-v06280[open]>summary{margin-bottom:12px;color:var(--text)}