@import '_content/RazorClassLibrary/RazorClassLibrary.mkcv9dot6i.bundle.scp.css';

/* /Components/ActionButton.razor.rz.scp.css */
[b-e0dnx0sjnd] .dropdown-item {
    cursor: pointer;
}
/* /Components/Pages/DailyCopy.razor.rz.scp.css */
.clear-wrapper[b-4p66ewvrt0] {
    position: relative;
}

.clear-btn[b-4p66ewvrt0] {
    visibility: hidden;
}

.clear-wrapper:hover .clear-btn[b-4p66ewvrt0] {
    visibility: visible;
}
/* /Components/Pages/DailyEditor.razor.rz.scp.css */
/* DialogContent 内の全体レイアウト */
.dialog-content-wrapper[b-u1ohwuyw86] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0; /* ← 超重要（これないと崩れる） */
}

/* 上部（ヘッダー） */
.dialog-header-area[b-u1ohwuyw86] {
    flex: 0 0 auto;
}

/* タブ */
.dialog-tab-area[b-u1ohwuyw86] {
    flex: 0 0 auto;
}

/* テーブル領域（可変） */
.dialog-table-area[b-u1ohwuyw86] {
    flex: 1 1 auto;
    min-height: 0;      /* ← これも重要 */
    overflow: hidden;   /* ← 外にはみ出さない */
}

.table-scroll[b-u1ohwuyw86] {
    /*max-height: calc(100vh - 500px);*/ /*作業明細部分の高さ制限 */
    /*flex: 1 1 auto;*/
    height: 100%;
    overflow-y: auto; /* 縦スクロール */
    overflow-x: auto; /* 横スクロール */
}

.fixed-table[b-u1ohwuyw86] {
    table-layout: fixed;
    width: auto;
    margin: 0px;
    border-color: #808080 !important;
}

.fixed-table thead tr[b-u1ohwuyw86] {
    border-color: #808080 !important;
}

.fixed-table thead th[b-u1ohwuyw86] {
    position: sticky;
    top: 0;
    z-index: 1000; /* bodyより前面に */
    text-align: center;
    vertical-align: middle;
    border-color: #808080 !important;
}

.fixed-table tr:focus-within td[b-u1ohwuyw86] {
    /*フォーカスがある行の背景色*/
    background-color: #ffff66 !important;
}

.title-cell[b-u1ohwuyw86] {
    background-color: #e2e3e5 !important;   /* table-secondaryの背景色と同等 */
    padding: 0.0rem 0.5rem 0.0rem 0.5rem !important;
    /* border: 1px solid gray!important; */
}

.editable[b-u1ohwuyw86] {
    color: blue; /* 入力可能な項目のタイトル */
}

/* td-inputを適用しないと、tdの高さが未確定のため、inputTextなどのheight:100%;が効かない */
.td-input[b-u1ohwuyw86] {
    padding: 0px;
    height: 1.5rem;
}

.clear-wrapper[b-u1ohwuyw86] {
    position: relative;
}

.clear-btn[b-u1ohwuyw86] {
    visibility: hidden;
}

.clear-wrapper:hover .clear-btn[b-u1ohwuyw86] {
    visibility: visible;
}

/*::deep .nav-link {
    background-color: #e2e3e5;*/      /* table-secondaryの背景色と同等 */
    /*color: black !important;
    font-weight: bold;
}*/

/* アクティブタブ */
/*::deep .nav-link.active {
    background-color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}*/

/* 入力背景を透過 */
[b-u1ohwuyw86] .input-style {
    background-color: transparent;
    border: none;
    width: 100%;
    height: 100%;
    margin: 0px;
}
[b-u1ohwuyw86] .input-style:focus {
    outline: none;      /* フォーカス時の枠を消す */
    box-shadow: none;   /* ブラウザによってはこれも必要 */
}

/* 行追加ボタン */
[b-u1ohwuyw86] .row-add-button {
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
}

/* 休息背景色 */
[b-u1ohwuyw86] .rest-style {
    background-color: #9999ff !important;
}
/* 運転背景色 */
[b-u1ohwuyw86] .driving-style {
    background-color: #ccff66 !important;
}

/* tr.tr-hovered を優先させる */
/*.table-hover tbody tr.tr-hovered,
.table-hover tbody tr.tr-hovered:hover {
    background-color: #98fb98 !important;
    border-top-color: red;
    border-top-width: 2px;
}*/
/* 入力要素の背景を変更 */
[b-u1ohwuyw86] .table-hover tbody tr.tr-hovered .input-style {
    background-color: #ffff66 !important;
}

/* 作業明細の日付（Radzen datePicker） */
[b-u1ohwuyw86] .transparent-date .rz-inputtext {
    background-color: transparent !important;
}

/* コンテキストメニューのスタイル */
.context-menu[b-u1ohwuyw86] {
    position: fixed;
    background: white;
    border: 1px solid #aaa;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
    z-index: 1000;
}

.context-menu ul[b-u1ohwuyw86] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.context-menu li[b-u1ohwuyw86] {
    padding: 6px 16px;
    cursor: pointer;
}

.context-menu li:hover[b-u1ohwuyw86] {
    background: #f0f0f0;
}


/* table内のテキスト選択不可 */
table tr[b-u1ohwuyw86] {
    user-select: none;
}



/* 暫定使用クラス */
.hack-table-tr[b-u1ohwuyw86] {
    border-bottom:none !important ;
}
.hack-table-th[b-u1ohwuyw86] {
    border-bottom:1px solid #808080 !important;
}
/* /Components/Pages/Index.razor.rz.scp.css */
/* スクロールバーの実装 */
.table_sticky[b-r793kqg1xk] {
    display: block;
    overflow-y: scroll;
    height: calc(100vh - 7.0rem - 1.0rem);
    /*height: calc(100vh - 3.5rem - 80px);*/
}

    .table_sticky thead[b-r793kqg1xk] {
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #212529; /*#212529*/
    }

.table_sticky thead th[b-r793kqg1xk] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.table_sticky tbody tr:hover[b-r793kqg1xk] {
    cursor: pointer;
}


/* table内のテキスト選択不可 */
table tr[b-r793kqg1xk] {
    user-select: none;
    height: 1.25rem;
}

table td[b-r793kqg1xk] {
    vertical-align: bottom;
}

[b-r793kqg1xk] .mini-chip {
    height: 1.25rem !important;
    font-size: 0.75rem !important;
    padding: 0 6px !important;
}
