/* /tools/event/ 配下(イベントツール)の見た目。トークンは style.css の --poko-* を使う。 */
[data-poko-event]{--ev-line:#f3d9f6;--ev-soft:#fff6fd;--ev-win:#ffe3fd;--ev-warn:#b24a00}
[data-poko-event] .ev-title{margin:0 0 4px}
[data-poko-event] .ev-meta{margin:0 0 12px}
[data-poko-event] .ev-h3{font-size:1.05em;margin:24px 0 8px}
[data-poko-event] .ev-pad{padding:16px 20px;margin:12px 0}
[data-poko-event] .ev-badge{background:var(--poko-secondary);border-radius:999px;padding:2px 10px;font-size:.85em}
[data-poko-event] .ev-nav,[data-poko-event] .ev-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}
[data-poko-event] .ev-nav a,[data-poko-event] .ev-tab{padding:6px 14px;border-radius:999px;background:var(--ev-soft);color:#000;text-decoration:none;border:1px solid var(--ev-line)}
[data-poko-event] .ev-nav a.is-active,[data-poko-event] .ev-tab.is-active{background:var(--poko-primary);border-color:var(--poko-primary)}
[data-poko-event] .ev-nav-back{margin-left:auto;background:transparent!important;border-color:transparent!important;color:#555!important}
[data-poko-event] .ev-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
[data-poko-event] .ev-card{display:flex;flex-direction:column;gap:4px;padding:16px 20px;color:#000;text-decoration:none}
[data-poko-event] .ev-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.09)}
[data-poko-event] .ev-link{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
[data-poko-event] .ev-btn-sm{padding:.45rem .9rem;border:0;cursor:pointer;font:inherit}
[data-poko-event] .ev-warn{color:var(--ev-warn)}
[data-poko-event] .ev-danger{margin-top:24px}
[data-poko-event] .ev-updated{font-size:.85em;margin-top:16px}
[data-poko-event] .ev-teams{columns:2;max-width:640px}

/* トーナメント表 */
[data-poko-event] .ev-bracket{display:grid;gap:16px}
[data-poko-event] .ev-bracket-2{grid-template-columns:1fr auto 1fr;align-items:center}
[data-poko-event] .ev-block{min-width:0}
[data-poko-event] .ev-block-final{align-self:center}
[data-poko-event] .ev-round{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}
[data-poko-event] .ev-bracket:not(.ev-bracket-2) .ev-round{grid-template-columns:1fr 1fr 1fr}
[data-poko-event] .ev-col{display:flex;flex-direction:column;gap:12px;justify-content:space-around;min-width:0}
[data-poko-event] .ev-match{background:#fff;border:1px solid var(--ev-line);border-radius:var(--poko-radius);box-shadow:var(--poko-shadow);padding:10px 12px;min-width:0}
[data-poko-event] .ev-match-final{border-color:var(--poko-primary)}
[data-poko-event] .ev-match-head{display:flex;justify-content:space-between;gap:8px;font-size:.85em;color:#555;margin-bottom:6px}
[data-poko-event] .ev-status{border-radius:999px;padding:1px 8px;background:var(--ev-soft);white-space:nowrap}
[data-poko-event] .ev-status-final{background:var(--poko-primary);color:#000}
[data-poko-event] .ev-status-half1,[data-poko-event] .ev-status-half2,[data-poko-event] .ev-status-tallying{background:#fff0a8}
[data-poko-event] .ev-team{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:10px}
[data-poko-event] .ev-team + .ev-team{margin-top:4px}
[data-poko-event] .ev-team.is-winner{background:var(--ev-win);font-weight:700}
[data-poko-event] .ev-team.is-empty{color:#999}
[data-poko-event] .ev-team-name{overflow-wrap:anywhere;min-width:0}
[data-poko-event] .ev-team-total{font-variant-numeric:tabular-nums;min-width:2em;text-align:right}
[data-poko-event] .ev-fk{font-size:.7em;background:var(--poko-secondary);border-radius:999px;padding:1px 6px;vertical-align:middle;font-weight:400}
@media (max-width:900px){
  [data-poko-event] .ev-bracket-2{grid-template-columns:1fr}
  [data-poko-event] .ev-teams{columns:1}
}
@media (max-width:560px){
  [data-poko-event] .ev-round,[data-poko-event] .ev-bracket:not(.ev-bracket-2) .ev-round{grid-template-columns:1fr}
}

/* 集計 */
[data-poko-event] .ev-results{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
[data-poko-event] .ev-detail{border-top:1px dashed var(--ev-line);margin-top:8px;padding-top:8px;font-size:.92em}
[data-poko-event] .ev-game{margin:6px 0}
[data-poko-event] .ev-game-title{font-size:.9em}
[data-poko-event] .ev-game-score{margin-top:4px}
[data-poko-event] .ev-pen{margin:6px 0 6px 1.2em;color:var(--ev-warn)}
[data-poko-event] .ev-totals,[data-poko-event] .ev-winner{margin:6px 0 0}
[data-poko-event] .ev-winner{font-weight:700}
[data-poko-event] .ev-tb{margin:4px 0 0;color:#555}

/* 運営画面 */
[data-poko-event] .ev-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}
[data-poko-event] .ev-chip{border:1px solid var(--ev-line);background:#fff;border-radius:999px;padding:4px 12px;cursor:pointer;font:inherit;font-size:.9em}
[data-poko-event] .ev-chip small{color:#777;margin-left:4px}
[data-poko-event] .ev-chip.is-active{background:var(--poko-primary);border-color:var(--poko-primary)}
[data-poko-event] .ev-chip-final{opacity:.75}
[data-poko-event] .ev-form label,[data-poko-event] .ev-game-form label{display:block;margin:10px 0 0}
[data-poko-event] .ev-form input:not([type=checkbox]),[data-poko-event] .ev-form select,[data-poko-event] .ev-game-form input:not([type=checkbox]),[data-poko-event] .ev-table input,[data-poko-event] .ev-row input,[data-poko-event] .ev-row select{display:block;width:100%;max-width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:10px;font:inherit;margin-top:4px;box-sizing:border-box}
[data-poko-event] .ev-inline{display:flex!important;align-items:center;gap:8px}
[data-poko-event] .ev-inline input{width:auto!important;margin:0!important}
[data-poko-event] .ev-row{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end}
[data-poko-event] .ev-row > label{margin-top:0}
[data-poko-event] .ev-nums .ev-num small{display:block;font-size:.75em;line-height:1.3;margin-top:2px}
[data-poko-event] .ev-scores-in span{grid-column:1/-1}
[data-poko-event] .ev-slug-prefix{color:#777;font-size:.85em;display:block}
[data-poko-event] fieldset{border:1px solid var(--ev-line);border-radius:var(--poko-radius);padding:8px 16px 16px;margin:16px 0}
[data-poko-event] legend{padding:0 6px;color:#555}
[data-poko-event] .ev-mods{margin:0 0 8px 1.2em}
[data-poko-event] .ev-games{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
[data-poko-event] .ev-totals-box{display:flex;gap:16px;align-items:center;justify-content:center;background:var(--ev-soft);border-radius:var(--poko-radius);padding:12px 16px;margin:12px 0;flex-wrap:wrap}
[data-poko-event] .ev-total{display:flex;flex-direction:column;align-items:center;min-width:140px}
[data-poko-event] .ev-total strong{font-size:1.8em;line-height:1.2}
[data-poko-event] .ev-vs{color:#999}
[data-poko-event] .ev-penlist{margin:6px 0 6px 1.2em}
[data-poko-event] .ev-decide{border:1px solid var(--poko-primary)}
[data-poko-event] .ev-table{width:100%;border-collapse:collapse}
[data-poko-event] .ev-table th{text-align:left;font-weight:400;color:#555;font-size:.85em;padding:4px}
[data-poko-event] .ev-table td{padding:4px;vertical-align:top}
[data-poko-event] .ev-seed{white-space:nowrap;font-weight:700;padding-top:14px!important}
[data-poko-event] .ev-seed small{display:block;font-weight:400;color:#777;font-size:.75em}
@media (max-width:700px){
  [data-poko-event] .ev-table thead{display:none}
  [data-poko-event] .ev-table tr{display:grid;grid-template-columns:3em 1fr;border-bottom:1px solid var(--ev-line);padding:6px 0}
  [data-poko-event] .ev-table td{grid-column:2}
  [data-poko-event] .ev-table td.ev-seed{grid-column:1;grid-row:1/span 3}
}

/* 運営画面・トーナメント表はテーマの本文幅を外して横に広く使う(ページ中央に揃える) */
body.poko-event-wide [data-poko-event]{width:min(1680px,calc(100vw - 32px));margin-left:calc(50% - min(840px,50vw - 16px))}

/* 進行タブ: スプレッドシート(ぽ① シート)と同じ並び */
[data-poko-event] .ev-sheet-sum{padding:12px 16px;margin:12px 0}
[data-poko-event] .ev-sheet-sum-head{margin-bottom:8px}
[data-poko-event] .ev-sheet-sum-head select{display:inline-block;width:auto;padding:4px 8px;margin:0 4px}
[data-poko-event] .ev-sum{border-collapse:collapse;font-size:1.05em}
[data-poko-event] .ev-sum th,[data-poko-event] .ev-sum td{padding:4px 10px;text-align:left;white-space:nowrap}
[data-poko-event] .ev-sum th{color:#555;font-weight:400}
[data-poko-event] .ev-sum-team{font-weight:700;max-width:22em;white-space:normal!important;overflow-wrap:anywhere}
[data-poko-event] .ev-sum-total{font-size:1.5em;font-weight:700;font-variant-numeric:tabular-nums}
[data-poko-event] .ev-sum tr.is-winner td{background:var(--ev-win);border-radius:8px}
[data-poko-event] .ev-sheet{padding:12px 16px 10px;margin:12px 0}
[data-poko-event] .ev-sheet-head{font-size:1.05em;margin-bottom:8px}
[data-poko-event] .ev-sheet-half{display:inline-block;background:var(--poko-primary);border-radius:999px;padding:2px 12px;margin-right:8px;font-weight:700}
[data-poko-event] .ev-sheet-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.1fr) minmax(420px,2fr);gap:8px 24px;align-items:start}
[data-poko-event] .ev-sheet-row{display:grid;grid-template-columns:8.5em 1fr;gap:2px 8px;align-items:center;padding:3px 0;border-bottom:1px dashed var(--ev-line)}
[data-poko-event] .ev-sheet-label{color:#333;white-space:nowrap}
[data-poko-event] .ev-sheet-row input:not([type=checkbox]){display:block;width:100%;padding:5px 8px;border:1px solid #ddd;border-radius:8px;font:inherit;margin:0;box-sizing:border-box;background:#fff}
[data-poko-event] .ev-sheet-row input.ev-w4{width:5.5em}
[data-poko-event] .ev-sheet-row input.ev-w6{width:9em}
[data-poko-event] .ev-sheet-note{grid-column:2;color:#777;font-size:.78em;line-height:1.3}
[data-poko-event] .ev-check{display:inline-flex;align-items:center;gap:6px;margin:0}
[data-poko-event] .ev-check input{width:auto!important}
[data-poko-event] .ev-calc{border-collapse:collapse;width:100%;text-align:center}
[data-poko-event] .ev-calc th{font-weight:400;color:#555;font-size:.85em;padding:2px 4px;vertical-align:bottom}
[data-poko-event] .ev-calc th small{display:block;color:#999;font-size:.85em}
[data-poko-event] .ev-calc td{font-size:1.5em;font-weight:700;padding:4px;font-variant-numeric:tabular-nums}
[data-poko-event] .ev-calc td:nth-child(even){color:#999;font-weight:400;font-size:1.1em}
[data-poko-event] .ev-calc-total{background:var(--ev-win);border-radius:10px}
[data-poko-event] .ev-calc-surv{margin:6px 0;font-size:1.05em}
[data-poko-event] .ev-calc-surv strong{font-size:1.4em;margin-left:4px}
[data-poko-event] .ev-calc-text{background:var(--ev-soft);border-radius:10px;padding:8px 10px;margin:6px 0 0;font-size:.9em;line-height:1.5;overflow-wrap:anywhere}
[data-poko-event] .ev-copy{border:1px solid var(--ev-line);background:#fff;border-radius:999px;padding:1px 10px;font:inherit;font-size:.85em;cursor:pointer;margin-left:4px;vertical-align:middle}
[data-poko-event] .ev-sheet-status{margin:6px 0 0;font-size:.85em;min-height:1.2em}
[data-poko-event] .ev-inline-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
[data-poko-event] .ev-inline-row input,[data-poko-event] .ev-inline-row select{display:inline-block;width:auto;padding:6px 8px;margin:0}
[data-poko-event] .ev-inline-row .ev-grow{flex:1 1 16em}
[data-poko-event] .ev-pen-box{padding:10px 16px}
@media (max-width:1100px){
  [data-poko-event] .ev-sheet-grid{grid-template-columns:1fr 1fr}
  [data-poko-event] .ev-sheet-right{grid-column:1/-1}
}
@media (max-width:640px){
  [data-poko-event] .ev-sheet-grid{grid-template-columns:1fr}
  [data-poko-event] .ev-sum{font-size:.95em}
}