/* ============================================================================
 * supplement_candidate.css  —  解析アプリの見た目を補うための「追補」スタイルシート（候補）
 *
 * ● 何のためのファイルか
 *   配信中のスタイルシート assets/index-spREnhzr.css は別プロジェクトのビルド成果物で、
 *   このリポジトリに生成元が無く、作り直せない。ところが画面（ui.js / router.js /
 *   shared-result.html）は、そのスタイルシートに入っていないクラスをいくつも使っている。
 *   そこで「足りないクラスだけ」をここに足す。既存のルールは 1 つも上書きしない。
 *
 * ● どう作ったか
 *   gen_css_supplement.py が index-spREnhzr.css を読み、その中に実在するルールだけを
 *   材料にして機械的に組み立てた。値を新しく考え出すことはしていない。
 *     ・同じクラスが別の装飾（dark: や disabled: など）で既にあるものは中身をそのまま写した
 *     ・それ以外は、同じ系統の既存ルールの「値の部分だけ」を差し替えた。
 *       差し替えた値も、必ず別の実在ルールから取っている
 *     ・どちらもできないものは作らず「未解決」として外した
 *   1 行ごとの根拠は supplement_evidence.tsv に書いてある。
 *
 * ● 既存ファイルに合わせた書き方
 *   ・色に不透明度を掛けたものは #RRGGBBAA（既存ファイルがすべてこの形。
 *     たとえば既存の .bg-slate-950/40 は #02061766）
 *   ・カスタムプロパティに入れる色だけ rgb(R G B / .N)（既存の .ring-black/30 と同じ）
 *   ・テーマ色は hsl(var(--xxx) / .N)（既存の .bg-destructive/5 と同じ）
 *   ・dark: は :is(.dark *)（既存ファイルと同じ方式。メディアクエリ方式ではない）
 *
 * ● 使い方
 *   index-spREnhzr.css の「後ろ」で読み込むこと。
 *   セレクタは既存ファイルと 1 つも重なっていないので順番で結果は変わらないが、
 *   :hover などの装飾つきルールを確実に効かせるため後ろに置くのが安全。
 * ==========================================================================*/

/* --- 装飾なし（93 件） --------------------------------------------------- */
.-top-5{top:-1.25rem}
.bg-amber-300{--tw-bg-opacity: 1;background-color:rgb(252 211 77 / var(--tw-bg-opacity, 1))}
.bg-amber-400\/10{background-color:#fbbf241a}
.bg-amber-500\/20{background-color:#f59e0b33}
.bg-amber-900\/50{background-color:#78350f80}
.bg-amber-950\/10{background-color:#451a031a}
.bg-black\/60{background-color:#0009}
.bg-black\/70{background-color:#000000b3}
.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}
.bg-destructive\/10{background-color:hsl(var(--destructive) / .1)}
.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}
.bg-emerald-500\/20{background-color:#10b98133}
.bg-emerald-600\/80{background-color:#059669cc}
.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}
.bg-red-500\/10{background-color:#ef44441a}
.bg-red-500\/30{background-color:#ef44444d}
.bg-red-700{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}
.bg-red-950\/90{background-color:#450a0ae6}
.bg-sky-500\/10{background-color:#0ea5e91a}
.bg-slate-500\/20{background-color:#64748b33}
.bg-slate-800\/60{background-color:#1e293b99}
.bg-slate-950\/20{background-color:#02061733}
.bg-slate-950\/25{background-color:#02061740}
.bg-slate-950\/30{background-color:#0206174d}
.bg-slate-950\/35{background-color:#02061759}
.bg-slate-950\/45{background-color:#02061773}
.bg-slate-950\/90{background-color:#020617e6}
.bg-slate-950\/95{background-color:#020617f2}
.border-amber-300{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}
.border-amber-400\/20{border-color:#fbbf2433}
.border-amber-400\/30{border-color:#fbbf244d}
.border-amber-500\/50{border-color:#f59e0b80}
.border-amber-500\/60{border-color:#f59e0b99}
.border-amber-700\/40{border-color:#b4530966}
.border-blue-700\/40{border-color:#1d4ed866}
.border-blue-700\/60{border-color:#1d4ed899}
.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}
.border-emerald-500\/30{border-color:#10b9814d}
.border-emerald-500\/40{border-color:#10b98166}
.border-emerald-600{--tw-border-opacity: 1;border-color:rgb(5 150 105 / var(--tw-border-opacity, 1))}
.border-green-700\/40{border-color:#15803d66}
.border-l-2{border-left-width:2px}
.border-primary\/60{border-color:hsl(var(--primary) / .6)}
.border-red-500\/40{border-color:#ef444466}
.border-red-700\/40{border-color:#b91c1c66}
.border-red-800{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}
.border-sky-400\/60{border-color:#38bdf899}
.border-slate-500{--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))}
.border-slate-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}
.border-slate-700\/40{border-color:#33415566}
.border-slate-700\/60{border-color:#33415599}
.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}
.bottom-4{bottom:1rem}
.cursor-not-allowed{cursor:not-allowed}
.gap-y-2{row-gap:.5rem}
.h-0\.5{height:.125rem}
.leading-5{line-height:1.25rem}
.leading-6{line-height:1.5rem}
.list-decimal{list-style-type:decimal}
.max-h-full{max-height:100%}
.max-w-\[10rem\]{max-width:10rem}
.max-w-full{max-width:100%}
.max-w-sm{max-width:24rem}
.min-h-20{min-height:5rem}
.min-h-40{min-height:10rem}
.min-w-64{min-width:16rem}
.min-w-\[260px\]{min-width:260px}
.min-w-\[720px\]{min-width:720px}
.opacity-75{opacity:.75}
.opacity-80{opacity:.8}
.pb-1{padding-bottom:.25rem}
.pb-6{padding-bottom:1.5rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.text-amber-100{--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}
.text-amber-100\/70{color:#fef3c7b3}
.text-amber-100\/80{color:#fef3c7cc}
.text-amber-200\/80{color:#fde68acc}
.text-amber-200\/90{color:#fde68ae6}
.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}
.text-emerald-100{--tw-text-opacity: 1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}
.text-foreground\/80{color:hsl(var(--foreground) / .8)}
.text-red-100{--tw-text-opacity: 1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))}
.text-red-100\/80{color:#fee2e2cc}
.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}
.text-right{text-align:right}
.text-rose-100{--tw-text-opacity: 1;color:rgb(255 228 230 / var(--tw-text-opacity, 1))}
.text-sky-100{--tw-text-opacity: 1;color:rgb(224 242 254 / var(--tw-text-opacity, 1))}
.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}
.text-slate-950{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity, 1))}
.top-2\.5{top:.625rem}
.top-\[64px\]{top:64px}
.z-\[70\]{z-index:70}
.z-\[80\]{z-index:80}

/* --- hover / focus / disabled / dark（10 件） ---------------------------- */
.dark\:bg-blue-950\/50:is(.dark *){background-color:#17255480}
.disabled\:opacity-60:disabled{opacity:.6}
.focus\:ring-sky-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(56 189 248 / var(--tw-ring-opacity, 1))}
.hover\:bg-accent\/40:hover{background-color:hsl(var(--accent) / .4)}
.hover\:bg-amber-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}
.hover\:bg-amber-500\/20:hover{background-color:#f59e0b33}
.hover\:bg-amber-500\/30:hover{background-color:#f59e0b4d}
.hover\:bg-amber-950\/20:hover{background-color:#451a0333}
.hover\:bg-slate-950:hover{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}
.hover\:text-slate-200:hover{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}

/* --- @media (min-width: 640px)（5 件） ------------------------------ */
@media (min-width: 640px){
  .sm\:min-w-\[260px\]{min-width:260px}
  .sm\:p-5{padding:1.25rem}
  .sm\:p-6{padding:1.5rem}
  .sm\:p-8{padding:2rem}
  .sm\:w-auto{width:auto}
}

/* --- @media (min-width: 768px)（1 件） ------------------------------ */
@media (min-width: 768px){
  .md\:inline{display:inline}
}

/* ---- 追記: 値の判断が要らない4つ (gen_css_addendum.py) ---- */
.break-all{word-break:break-all}
.w-fit{width:fit-content}
.overscroll-contain{overscroll-behavior:contain}
.accent-sky-400{accent-color:rgb(56 189 248)}