/* กลุ่ม Task + เลือกเอกสาร + ปุ่มเลื่อนหน้า — ปุ่มติดกัน combobox ไม่มีขอบมน สูงเท่าปุ่ม */
.doc-nav-group {
    --doc-nav-height: 1.875rem;
    display: inline-flex;
    align-items: stretch;
    flex-wrap: nowrap;
    vertical-align: middle;
}

.doc-nav-group > .dropdown {
    display: flex;
}

.doc-nav-group > .dropdown > .btn,
.doc-nav-group > .btn-group > .btn,
.doc-nav-group > a.btn.doc-nav-btn {
    height: var(--doc-nav-height);
    min-height: var(--doc-nav-height);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 0 !important;
    margin: 0 !important;
    line-height: 1.25;
    font-size: 0.75rem;
}

.doc-nav-group > .dropdown:first-child > .btn {
    border-top-left-radius: var(--bs-border-radius-sm, 0.25rem) !important;
    border-bottom-left-radius: var(--bs-border-radius-sm, 0.25rem) !important;
}

.doc-nav-group > .btn-group:last-child > .btn:last-child {
    border-top-right-radius: var(--bs-border-radius-sm, 0.25rem) !important;
    border-bottom-right-radius: var(--bs-border-radius-sm, 0.25rem) !important;
}

.doc-nav-group > * + * {
    margin-left: -1px !important;
}

.doc-nav-group .btn-group {
    margin: 0 !important;
}

.doc-nav-group .btn-group > .btn {
    min-width: var(--doc-nav-height);
    width: var(--doc-nav-height);
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Telerik MultiColumnComboBox — ไม่มีขอบมน สูงเท่าปุ่ม */
.doc-nav-group .doc-nav-picker {
    flex: 0 0 auto;
    width: 220px !important;
    min-width: 180px;
    max-width: 280px;
    font-size: 0.75rem;
    margin: 0 !important;
    align-self: stretch;
}

.doc-nav-group .doc-nav-picker.k-multicolumncombobox,
.doc-nav-group .doc-nav-picker.k-input,
.doc-nav-group .doc-nav-picker .k-input,
.doc-nav-group .doc-nav-picker .k-picker,
.doc-nav-group .doc-nav-picker .k-input-inner,
.doc-nav-group .doc-nav-picker .k-input-md,
.doc-nav-group .doc-nav-picker .k-rounded-md,
.doc-nav-group .doc-nav-picker .k-rounded-sm {
    border-radius: 0 !important;
}

.doc-nav-group .doc-nav-picker .k-input,
.doc-nav-group .doc-nav-picker .k-picker {
    height: var(--doc-nav-height) !important;
    min-height: var(--doc-nav-height) !important;
}

.doc-nav-group .doc-nav-picker .k-input-inner {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
    min-height: auto !important;
    line-height: 1.25 !important;
    font-size: 0.75rem;
}

.doc-nav-group .doc-nav-picker:focus-within,
.doc-nav-group .doc-nav-picker.k-focus {
    z-index: 2;
    position: relative;
}

.doc-nav-group > .dropdown > .btn:focus,
.doc-nav-group > .dropdown > .btn:active,
.doc-nav-group > .btn-group > .btn:focus,
.doc-nav-group > .btn-group > .btn:active {
    z-index: 2;
}

/* กลุ่มบันทึก + พิมพ์ + ลบ — ปุ่มชิดกัน ทับขอบ 1px */
.doc-action-group {
    --doc-nav-height: 1.875rem;
    display: inline-flex;
    align-items: stretch;
    flex-wrap: nowrap;
    vertical-align: middle;
    gap: 0;
}

.doc-action-group > .dropdown {
    display: flex;
}

.doc-action-group > .btn,
.doc-action-group > .dropdown > .btn {
    height: var(--doc-nav-height);
    min-height: var(--doc-nav-height);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 0 !important;
    margin: 0 !important;
    line-height: 1.25;
}

.doc-action-group > * + * {
    margin-left: -1px !important;
}

.doc-action-group > .btn:focus,
.doc-action-group > .btn:active,
.doc-action-group > .dropdown > .btn:focus,
.doc-action-group > .dropdown > .btn:active,
.doc-action-group > .dropdown.show > .btn {
    z-index: 2;
    position: relative;
}
