/* 管理画面・石アカウントページ専用の補助ユーティリティ。
   本家の圧縮済み site.css に含まれない(=本家が未使用の)クラスだけをここで定義する。
   このファイルは admin と /stock 系ページからのみ読み込む。公開マーケ用ページ・site.css には影響しない。 */

/* --- 色(本家パレットに無い分) --- */
.text-pink-300{color:#f9a8d4}
.text-pink-400{color:#f472b6}
.text-pink-500{color:#ec4899}
.bg-\[\#0f172a\]{background-color:#0f172a}
.bg-\[\#2563eb\]{background-color:#2563eb}
.hover\:bg-\[\#1d4fd7\]:hover{background-color:#1d4fd7}
.text-\[\#2563eb\]{color:#2563eb}
.border-\[\#2563eb\]{border-color:#2563eb}
.text-\[\#60a5fa\]{color:#60a5fa}
.bg-\[\#ff0033\]{background-color:#ff0033}
.text-green-800{color:#166534}
.bg-slate-500{background-color:#64748b}
.hover\:bg-slate-500:hover{background-color:#64748b}

/* 透明度付きの色 */
.text-white\/90{color:rgba(255,255,255,.9)}
.bg-slate-900\/50{background-color:rgba(15,23,42,.5)}
.border-red-300{border-color:#fca5a5}
.border-red-400\/40{border-color:rgba(248,113,113,.4)}
.border-white\/10{border-color:rgba(255,255,255,.1)}
.hover\:bg-blue-50\/40:hover{background-color:rgba(239,246,255,.4)}
.hover\:bg-red-500\/10:hover{background-color:rgba(239,68,68,.1)}

/* 透明度・位置・サイズ(本家未使用分) */
.hover\:opacity-90:hover{opacity:.9}
.hover\:opacity-70:hover{opacity:.7}
.-mt-2{margin-top:-.5rem}
.mb-5{margin-bottom:1.25rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.h-20{height:5rem}
.break-all{word-break:break-all}
.w-\[92vw\]{width:92vw}
.max-h-\[88vh\]{max-height:88vh}
.z-\[90\]{z-index:90}
.left-1\/2{left:50%}
.right-0\.5{right:.125rem}
.right-1\.5{right:.375rem}
.top-0\.5{top:.125rem}
/* モーダル中央寄せ用。site.css の -translate-y-1/2 と同じ translate プロパティで合成される */
.-translate-x-1\/2{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y,0)}
.bg-pink-500{background-color:rgb(236 72 153)}
.list-disc{list-style-type:disc}