/* WELLA Ultime Sales Input App - Custom Styles */

/* タッチデバイスでのタップハイライトを無効化（スタッフボタン） */
.staff-btn {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* スタッフボタンの選択状態（activeクラス） */
.staff-btn.active {
    background-color: #4b5563 !important; /* gray-600 */
    color: white !important;
    border-color: #4b5563 !important;
}

/* スタッフボタンの通常状態 */
.staff-btn:not(.active) {
    background-color: white;
    color: #374151; /* gray-700 */
    border-color: #d1d5db; /* gray-300 */
}

/* スマホでのタップ時の白塗りを防止（全体） */
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* ボタンのフォーカス時のアウトラインを調整 */
.staff-btn:focus {
    outline: 2px solid #9ca3af;
    outline-offset: 2px;
}