/* tsunagu ユーザー画面（親子向け）— public/style.css を補完。スマホ最優先 */
@import url("style.css");

.user-head{background:linear-gradient(135deg,#00897b,#00695c)} /* 親子側はティール系で管理と差別化 */
.user-head h1 a, .user-head .tagline{color:#fff}
.unav{display:flex; gap:6px; flex-wrap:wrap; margin-top:8px}
.unav a{color:#e0f2f1; font-size:.85rem; padding:5px 10px; border-radius:8px; background:rgba(255,255,255,.12)}
.unav a:hover{background:rgba(255,255,255,.22); text-decoration:none}
.unav a.active{background:#fff; color:#00695c}

.authbox{max-width:420px; margin:6vh auto; padding:0 16px}
.authbox .card{background:#fff; border:1px solid #e3e8ee; border-radius:14px; box-shadow:var(--shadow); padding:22px}
.authbox h1{font-size:1.2rem; text-align:center; margin:0 0 4px}
.authbox .sub{text-align:center; color:var(--sub); font-size:.85rem; margin:0 0 16px}
.fld{margin:12px 0}
.fld label{display:block; font-size:.8rem; color:var(--sub); margin-bottom:4px}
.fld input[type=text],.fld input[type=email],.fld input[type=password],.fld input[type=date],
.fld select,.fld input[type=url]{width:100%; padding:10px; border:1px solid var(--line); border-radius:9px; font-size:1rem; font-family:inherit}
.fld .hint{font-size:.74rem; color:var(--sub); margin-top:4px}
.consent{display:flex; gap:8px; align-items:flex-start; font-size:.82rem; color:var(--ink); margin:14px 0}
.btn-block{width:100%; padding:12px; font-size:1rem; font-weight:700}
.authlinks{text-align:center; margin-top:14px; font-size:.85rem}

/* 選手スイッチャー */
.player-switch{display:flex; gap:8px; overflow-x:auto; padding:4px 0 8px; -webkit-overflow-scrolling:touch}
.player-chip{flex:0 0 auto; border:1px solid var(--line); background:#fff; border-radius:999px; padding:8px 14px; font-size:.9rem; color:var(--ink); white-space:nowrap}
.player-chip.active{background:#00695c; color:#fff; border-color:#00695c}
.player-chip:hover{text-decoration:none}
.player-meta{font-size:.82rem; color:var(--sub); margin:2px 2px 12px}

/* 該当カテゴリーカード */
.cat-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px;margin-bottom:12px;display:block;color:inherit;position:relative}
.cat-card:hover{text-decoration:none;border-color:#cfd8e3}
.cat-card.is-soon{border-left:5px solid var(--soon)}
.cat-card .ttl{font-size:1.02rem;font-weight:700;margin:0 0 4px;padding-right:92px}
.cat-card .catname{display:inline-block;background:#e0f2f1;color:#00695c;border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:700;margin-bottom:6px}
.pts{display:inline-block;font-size:.74rem;border-radius:6px;padding:1px 7px;margin-left:6px}
.pts.maru{background:#e8f5e9;color:#2e7d32}
.pts.sankaku{background:#fff4e0;color:#b26a00}
.why{font-size:.78rem;color:var(--sub);background:#f7f9fc;border:1px solid var(--line);border-radius:8px;padding:7px 9px;margin-top:8px}
.why b{color:#00695c}
.sec-title{font-size:1rem;margin:22px 2px 10px;font-weight:700}
.sec-title.warn{color:var(--unknown)}
.need-check{background:#fff4e0;border:1px dashed #e0c089}
.detail .btn-entry{background:var(--soon);color:#fff}
.detail .btn-entry:hover{background:#c62828;text-decoration:none}