:root{--navy:#173b78;--blue:#2857a4;--bg:#f3f5f8;--line:#dde3ec;--text:#202632;--muted:#6d7684;--green:#2f8f5b;--amber:#b98200}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}.wrap{max-width:1180px;margin:0 auto;padding:24px 16px 48px}.hero{background:linear-gradient(135deg,var(--navy),#2d56a2);color:#fff;border-radius:18px;padding:24px 26px;box-shadow:0 12px 30px rgba(23,59,120,.18)}.hero h1{margin:0;font-size:clamp(1.55rem,3vw,2.2rem)}.hero p{margin:7px 0 0;opacity:.9}.topline{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}.badge-admin{display:inline-block;background:#fff4cf;color:#6a5000;border:1px solid #ead27c;border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:800}.navrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.navrow a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:7px 12px;font-size:.88rem;font-weight:700}.grid-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.stat,.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 18px rgba(26,45,75,.05)}.stat{padding:17px}.stat .num{font-size:1.8rem;font-weight:900;color:var(--navy);line-height:1.1}.stat .label{color:var(--muted);font-size:.86rem;margin-top:5px}.section{margin-top:18px}.section-title{font-size:1.1rem;font-weight:900;margin:0 0 10px}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.menu{display:block;padding:18px;text-decoration:none;color:inherit;position:relative;min-height:132px}.menu h3{margin:0 0 7px;color:var(--navy);font-size:1.05rem}.menu p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}.menu .tag{position:absolute;right:14px;top:14px;font-size:.74rem;font-weight:800;border-radius:999px;padding:4px 8px;background:#e9f3ff;color:#24558f}.menu.disabled{opacity:.72}.menu.disabled .tag{background:#eee;color:#666}.panel{padding:18px}.schedule{display:flex;align-items:center;gap:14px}.datebox{min-width:84px;text-align:center;background:#eef4ff;color:var(--navy);border-radius:13px;padding:10px}.datebox strong{font-size:1.5rem}.staff{display:flex;gap:8px;flex-wrap:wrap}.staff span{background:#eef2f7;border:1px solid #dfe5ed;border-radius:999px;padding:7px 11px;font-weight:700;font-size:.9rem}.table-card{overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{border-bottom:1px solid #e6eaf0;padding:11px 12px;text-align:left;vertical-align:top}th{background:#f8fafc;color:#4f5c6e;font-size:.82rem;white-space:nowrap}td{font-size:.92rem}.player-row{background:#f9fbff}.jersey-number{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:999px;background:var(--navy);color:#fff;font-size:1rem;font-weight:900}.player-name{font-weight:900;font-size:1rem}.kana{color:var(--muted);font-size:.8rem;margin-top:2px}.relation{display:inline-block;min-width:30px;font-weight:900;color:var(--navy)}.status{display:inline-block;border-radius:999px;padding:4px 8px;font-weight:800;font-size:.75rem}.status-success{background:#dff5e9;color:#207347}.status-warning{background:#fff0bf;color:#7d5900}.status-secondary{background:#eceff3;color:#5c6673}.btn{display:inline-block;text-decoration:none;border-radius:9px;padding:7px 10px;font-size:.82rem;font-weight:800}.btn-blue{background:var(--blue);color:#fff}.empty{color:var(--muted)}.footer{color:#808997;text-align:center;font-size:.8rem;margin-top:28px}.summary-note{font-size:.88rem;color:var(--muted);line-height:1.65}.searchbox{width:100%;max-width:420px;border:1px solid #cfd7e3;border-radius:10px;padding:10px 12px;font-size:.95rem;margin-bottom:12px}
@media(max-width:900px){.grid-stats{grid-template-columns:repeat(2,1fr)}.menu-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{padding:12px 10px 32px}.hero{padding:18px}.menu-grid{grid-template-columns:1fr}.grid-stats{grid-template-columns:1fr 1fr}.stat .num{font-size:1.45rem}.schedule{align-items:flex-start}.hide-mobile{display:none}}
.next-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.section-link{margin-top:10px}.schedule-list{display:grid;gap:10px}.schedule-item{display:flex;align-items:flex-start;gap:16px;padding:16px}.schedule-date{min-width:120px;font-weight:900;color:var(--navy)}.schedule-main{line-height:1.65}.schedule-note{color:var(--muted);font-size:.86rem;margin-top:3px}.schedule-table td:nth-child(2){white-space:nowrap;font-weight:800}.row-undecided td{background:#fafafa;color:#78818d}.schedule-table strong{color:var(--navy)}
@media(max-width:700px){.next-events{grid-template-columns:1fr}.schedule-item{display:block}.schedule-date{margin-bottom:6px}}
/* Step084 出欠確認 */
.att-create-form label>span,.att-note>span{display:block;font-size:.82rem;font-weight:800;color:#526073;margin-bottom:6px}.att-form-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr 2fr;gap:12px}.att-form-grid input,.att-select,.att-url-row input,.att-note textarea{width:100%;border:1px solid #cfd7e3;border-radius:10px;padding:10px 12px;font:inherit;background:#fff}.att-parent-option{display:flex;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;background:#f7f9fc;border:1px solid #dfe5ee;border-radius:12px}.att-parent-option span{margin-left:5px;color:var(--muted);font-weight:400!important}.att-actions{margin-top:12px}.att-btn{border:0;cursor:pointer}.att-event-table td:nth-child(1){white-space:nowrap}.att-alert{max-width:1180px;margin:16px auto 0;padding:12px 14px;border-radius:10px;font-weight:800}.att-alert-success{background:#e2f5e9;color:#236c43;border:1px solid #bfe4ce}.att-alert-error{background:#fff0ef;color:#9b2f27;border:1px solid #f0c3bf}.att-url-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.att-outline{background:#fff;color:var(--blue);border:1px solid var(--blue)}.att-stats{margin-top:18px}.att-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-size:1.25rem;font-weight:900}.att-ok{background:#dff5e9;color:#208253}.att-maybe{background:#fff0bf;color:#8a6200}.att-no{background:#ffe1df;color:#b2382f}.att-none{background:#edf0f4;color:#8b939d}.att-person-name{font-size:.82rem;color:var(--muted);margin:3px 0}.att-grid td,.att-grid th{text-align:center}.att-grid td:nth-child(2),.att-grid td:nth-child(3),.att-grid td:last-child{text-align:left}.att-public-wrap{max-width:780px}.att-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.att-mode-tabs a{text-decoration:none;text-align:center;background:#fff;border:1px solid #cfd7e3;border-radius:10px;padding:11px;color:#566170;font-weight:900}.att-mode-tabs a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.att-answer-row{display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #e8ebf0}.att-radio-group{display:flex;gap:8px}.att-radio{cursor:pointer}.att-radio input{position:absolute;opacity:0;pointer-events:none}.att-radio span{display:flex;align-items:center;justify-content:center;width:50px;height:46px;border-radius:11px;border:2px solid transparent;font-size:1.35rem;font-weight:900;opacity:.7}.att-radio input:checked+span{border-color:currentColor;box-shadow:0 0 0 3px rgba(39,84,160,.12);opacity:1}.att-note{display:block;margin-top:16px}.att-note textarea{resize:vertical}.att-save{width:100%;margin-top:12px;padding:12px;font-size:1rem}
@media(max-width:850px){.att-form-grid{grid-template-columns:1fr 1fr}.att-url-row{grid-template-columns:1fr}.att-answer-row{grid-template-columns:1fr}.att-radio-group{justify-content:flex-start}.att-parent-option{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:520px){.att-form-grid{grid-template-columns:1fr}.att-radio span{width:58px;height:50px}}
.att-schedule-table td{vertical-align:middle}.att-inline-start{display:contents}.att-inline-start label{font-weight:800;white-space:nowrap;margin-right:10px}.att-focus-row td{background:#fff7d8!important}.att-option-form{max-width:760px}.schedule-att-btn{white-space:nowrap;padding:7px 10px;font-size:.82rem}
