/* ═══════════════════════════════════════════════════════════════
   PriceStocker 開店・閉店情報 本文部品（oc.css / v0.323・B-26 Phase 5）
   - グローバルchrome（ヘッダー/フッター/ドック）は sn.css 共通読込
   - デザイントークンは sn.css の --sn-*（body.flat スコープ）を参照
   - 行区切りのNotion調リスト＝rn.css と同系統の様式
   ═══════════════════════════════════════════════════════════════ */

/* フィルタ行（都道府県・種別） */
.oc-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}
.oc-filters select{background:var(--surface);border:1px solid var(--sn-line-2,rgba(255,255,255,.08));border-radius:7px;color:var(--text);padding:6px 10px;font-size:12.5px;}
.oc-count{font-size:11.5px;color:var(--text3);margin-left:auto;}

/* イベント行 */
.oc-item{padding:14px 2px 12px;border-bottom:1px solid var(--sn-line-row,rgba(255,255,255,.055));}
.oc-item:last-child{border-bottom:none;}
.oc-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px;}
.oc-store{font-size:13.5px;font-weight:600;color:var(--text);}
.oc-date{font-size:11px;color:var(--text3);letter-spacing:.02em;}
.oc-summary{font-size:12.5px;color:var(--text2);line-height:1.65;margin-bottom:7px;}
.oc-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.oc-links a{font-size:11.5px;color:var(--sn-gold,#c9a961);text-decoration:none;}
.oc-links a:hover{text-decoration:underline;}

/* バッジ（角丸4=小型バッジ基準） */
.oc-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10.5px;font-weight:600;letter-spacing:.02em;}
.oc-b-open{background:rgba(61,187,125,.14);color:#3dbb7d;}
.oc-b-close{background:rgba(217,119,87,.14);color:var(--sn-claude,#d97757);}
.oc-b-official{background:rgba(61,187,125,.14);color:#3dbb7d;}
.oc-b-multi{background:var(--sn-badge-gold-bg,rgba(203,175,84,.14));color:var(--sn-badge-gold-tx,#cdb37c);}
.oc-b-unconfirmed{background:rgba(255,255,255,.07);color:var(--text3);}
.oc-pref{font-size:10.5px;color:var(--text3);border:1px solid var(--sn-line-2,rgba(255,255,255,.08));border-radius:4px;padding:1px 7px;}

/* 「情報が違う」報告（控えめ・リンク調） */
.oc-report{margin-left:auto;}
.oc-report button{background:none;border:none;color:var(--text3);font-size:10.5px;cursor:pointer;padding:2px 4px;}
.oc-report button:hover{color:var(--sn-claude,#d97757);text-decoration:underline;}

/* アーカイブ（畳んで残す=SEO資産） */
.oc-arch{margin-top:26px;}
.oc-arch summary{font-size:12.5px;color:var(--text3);cursor:pointer;padding:8px 2px;border-bottom:1px solid var(--sn-line-2,rgba(255,255,255,.08));}
.oc-note{font-size:11px;color:var(--text3);line-height:1.7;margin-top:22px;padding-top:12px;border-top:1px solid var(--sn-line-2,rgba(255,255,255,.08));}
.oc-alert{padding:9px 13px;border-radius:7px;font-size:12px;margin-bottom:14px;background:rgba(61,187,125,.08);border:1px solid rgba(61,187,125,.25);color:#3dbb7d;}

@media(max-width:680px){
  .oc-count{margin-left:0;width:100%;}
  .oc-report{margin-left:0;}
}