/* 2026倉敷選抜 専用サイト - ユニフォーム連動テーマ Step116
   実在ページの見た目だけを変更。コンテンツ・機能・ページ構成は変更しません。 */
:root{
  --kur-black:#111111;
  --kur-black-2:#1b1b1b;
  --kur-gold:#c8a24a;
  --kur-gold-dark:#9b792d;
  --kur-gold-soft:#f5ecd5;
  --kur-ivory:#fbfaf7;
  --kur-line:#e3d5ad;
  --kur-text:#1b1b1b;
  --kur-muted:#6f6b63;
}
body{
  background:linear-gradient(180deg,#f6f4ee 0,#fbfaf7 240px,#f7f7f5 100%) !important;
  color:var(--kur-text);
}
.wrap{max-width:1180px}

/* 実際に提供いただいた倉敷選抜ユニフォーム画像だけを使用 */
.hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#080808 0%,#171717 72%,#231b0c 100%) !important;
  color:#fff !important;
  border:1px solid #000;
  border-bottom:4px solid var(--kur-gold) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.16) !important;
  padding-left:122px !important;
}
.hero::before{
  content:"";
  position:absolute;
  left:18px;
  top:14px;
  width:84px;
  height:72px;
  border-radius:10px;
  border:2px solid var(--kur-gold);
  background:#fff url("assets/kurashiki_uniform.jpeg") center/contain no-repeat;
  box-shadow:0 3px 10px rgba(0,0,0,.28);
}
.hero::after{
  content:"KURASHIKI";
  position:absolute;
  right:20px;
  bottom:11px;
  color:rgba(200,162,74,.16);
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  font-weight:800;
  letter-spacing:5px;
  pointer-events:none;
}
.hero h1{color:#fff !important;letter-spacing:.02em}
.hero p{color:#e8e4d8 !important}
.topline{position:relative;z-index:2}
.badge-admin{
  background:var(--kur-gold) !important;
  color:#111 !important;
  border:1px solid #efd686 !important;
  font-weight:800 !important;
}
.navrow{position:relative;z-index:2}
.navrow a{
  background:#090909 !important;
  color:#fff !important;
  border:1px solid var(--kur-gold-dark) !important;
  box-shadow:none !important;
}
.navrow a:hover{background:var(--kur-gold) !important;color:#111 !important}

/* カード・見出し */
.section-title{
  color:#171717 !important;
  border-left:5px solid var(--kur-gold);
  padding-left:9px;
}
.card,.stat{
  border:1px solid #e6dfcf !important;
  box-shadow:0 5px 16px rgba(45,39,25,.07) !important;
}
.card.menu{border-top:3px solid var(--kur-gold) !important}
.card.menu:hover{border-color:var(--kur-gold) !important;box-shadow:0 7px 20px rgba(155,121,45,.14) !important}
.stat .num{color:#111 !important}
.tag{background:var(--kur-gold-soft) !important;color:#6d5016 !important;border:1px solid #dec987}

/* ボタン類 */
.btn-blue,.att-save,
button.btn-blue,
a.btn-blue{
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
}
.btn-blue:hover,.att-save:hover,
button.btn-blue:hover,a.btn-blue:hover{
  background:var(--kur-gold) !important;
  border-color:var(--kur-gold) !important;
  color:#111 !important;
}
.att-outline{
  background:#fff !important;
  color:#111 !important;
  border-color:var(--kur-gold-dark) !important;
}

/* 背番号 */
.jersey-badge{
  background:#111 !important;
  color:var(--kur-gold) !important;
  border:2px solid var(--kur-gold) !important;
  box-shadow:none !important;
}
.att-jersey-no{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:24px;
  padding:0 5px;
  margin:0 auto 4px !important;
  border-radius:14px;
  background:#111;
  color:var(--kur-gold) !important;
  border:1px solid var(--kur-gold);
  line-height:1;
}

/* 表 */
table thead th{
  background:#f3eee1 !important;
  color:#2a2417 !important;
  border-color:#dfd4b7 !important;
}
.member-row:hover td{background:#fffaf0}
.schedule-table th{background:#f3eee1 !important;color:#2a2417 !important}
.schedule-status.on{background:#eef6ed !important;color:#2e6c36 !important}
.schedule-status.off{background:#f1efe9 !important;color:#6f6b63 !important}

/* 出欠一覧：既存の○△×色は維持し、見出しだけチーム色へ */
.att-matrix thead th{background:#f3eee1 !important;color:#2a2417 !important}
.att-matrix .att-group-head{background:#171717 !important;color:#f0d47a !important}
.att-matrix .att-staff-head{background:#211d15 !important;color:#f0d47a !important}
.att-matrix .att-total-head{background:#efe6cf !important;color:#2a2417 !important}
.att-head-link:hover{background:#fff4d6 !important;outline-color:var(--kur-gold-dark) !important}
.att-event-cell strong{color:#171717 !important}
.att-radio input:checked + span{box-shadow:0 0 0 2px var(--kur-gold-dark) inset}

/* 日付カード */
.datebox{
  background:#111 !important;
  color:#fff !important;
  border-color:var(--kur-gold) !important;
}
.datebox strong{color:var(--kur-gold) !important}

.footer{
  margin-top:24px;
  background:#111;
  color:#d8c58f !important;
  border-top:3px solid var(--kur-gold);
  border-radius:8px 8px 0 0;
  padding:11px 12px !important;
  letter-spacing:.06em;
}

@media(max-width:700px){
  .hero{padding-left:84px !important}
  .hero::before{left:12px;top:13px;width:58px;height:52px;border-radius:8px}
  .hero::after{display:none}
  .hero h1{font-size:21px !important}
}


/* ===== Step116: 管理者サイトも倉敷選抜の黒・白・ゴールドへ統一 ===== */
/* 管理者メニュー */
.admin-menu-card{
  border-top:3px solid var(--kur-gold) !important;
  background:#fff !important;
}
.admin-menu-card:hover{
  border-color:var(--kur-gold) !important;
  box-shadow:0 8px 22px rgba(155,121,45,.16) !important;
}
.admin-menu-card h3{color:#171717 !important}
.admin-menu-card p{color:var(--kur-muted) !important}
.admin-menu-card .tag{
  background:var(--kur-gold-soft) !important;
  color:#6d5016 !important;
  border:1px solid #dec987 !important;
}
.admin-back{
  background:#090909 !important;
  color:#fff !important;
  border-color:var(--kur-gold-dark) !important;
}
.admin-sub a{
  background:#111 !important;
  color:#fff !important;
  border-color:var(--kur-gold-dark) !important;
}
.admin-sub a:hover{background:var(--kur-gold) !important;color:#111 !important}

/* 予定管理 */
.mg-num{color:#171717 !important}
.mg-label,.mg-note{color:var(--kur-muted) !important}
.mg-grid label{color:#342b18 !important}
.mg-grid input,.mg-grid select{
  border-color:#d8caa4 !important;
  background:#fff !important;
}
.mg-grid input:focus,.mg-grid select:focus{
  outline:2px solid rgba(200,162,74,.28) !important;
  border-color:var(--kur-gold-dark) !important;
}
.mg-choice{background:#faf6ea !important;border:1px solid #eadfbe !important}
.mg-help{background:#f7f1e2 !important;color:#594923 !important;border:1px solid #e4d4a5 !important}
.mg-table th{background:#f3eee1 !important;color:#2a2417 !important;border-color:#dfd4b7 !important}
.mg-table td{border-color:#ece5d5 !important}
.mg-btn{border-color:#cdbb8c !important;color:#4d3b12 !important;background:#fff !important}
.mg-btn:hover{background:#f8f0dc !important;border-color:var(--kur-gold-dark) !important}
.mg-btn.edit{background:#111 !important;border-color:#111 !important;color:#fff !important}
.mg-btn.edit:hover{background:var(--kur-gold) !important;border-color:var(--kur-gold) !important;color:#111 !important}
.mg-btn.pause{color:#4e4637 !important;border-color:#cdbb8c !important}
.mg-btn.danger{color:#9a2d22 !important;border-color:#d9b7ad !important;background:#fff !important}
.mg-locked{background:#f1eee5 !important;color:#6f6758 !important}
.mg-badge.on{background:#eef6ed !important;color:#2e6c36 !important;border:1px solid #bdd8c1 !important}
.mg-badge.ready{background:#fff4d5 !important;color:#795b0a !important;border:1px solid #e4ca78 !important}
.mg-badge.off{background:#f2f0eb !important;color:#706b62 !important;border:1px solid #d9d5ca !important}

/* 予定修正 */
.edit-card{border-top:3px solid var(--kur-gold) !important}
.edit-grid label{color:#342b18 !important}
.edit-grid input,.edit-grid select,.edit-grid textarea{
  border-color:#d8caa4 !important;
  background:#fff !important;
}
.edit-choice,.parents-box,.state-box{background:#faf6ea !important;border-color:#e5d6aa !important}
.state-badge.open{background:#eef6ed !important;color:#2e6c36 !important}
.state-badge.ready{background:#fff4d5 !important;color:#795b0a !important}
.state-badge.off{background:#f2f0eb !important;color:#706b62 !important}
.btn-pause{background:#fff !important;color:#4d3b12 !important;border-color:#cdbb8c !important}

/* 出欠管理・回答管理 */
.att-url-row{background:#faf6ea !important;border-color:#e5d6aa !important}
.att-event-table th,.att-schedule-table th{background:#f3eee1 !important;color:#2a2417 !important}
.att-parent-option{background:#faf6ea !important;border-color:#e5d6aa !important}
.att-person-name{color:#171717 !important}
.att-stats .num{color:#171717 !important}
.att-actions a,.att-actions button{border-color:#cdbb8c !important}

/* 管理画面ではフォーム・表全体にも統一感を持たせる */
input,select,textarea{accent-color:var(--kur-gold-dark)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--kur-gold) !important;
  outline-offset:2px;
}