.arbs-rental-requests-page .arbs-rental-date-field,
.arbs-rental-request-form .arbs-rental-date-field {
	min-width: 0;
}

.arbs-rental-requests-page .arbs-rental-date-control,
.arbs-rental-request-form .arbs-rental-date-control {
	position: relative;
	display: flex;
	align-items: center;
	min-width: 0;
}

.arbs-rental-requests-page .arbs-rental-date-control .arbs-rental-date-visible,
.arbs-rental-request-form .arbs-rental-date-control .arbs-rental-date-visible {
	width: 100%;
	min-width: 0;
	min-height: 44px;
	padding-right: 72px;
	cursor: pointer;
}

.arbs-rental-requests-page .arbs-rental-date-control .arbs-rental-date-visible[readonly],
.arbs-rental-request-form .arbs-rental-date-control .arbs-rental-date-visible[readonly] {
	background: #fff;
}

.arbs-rental-calendar-trigger {
	position: absolute;
	right: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px !important;
	min-width: 20px !important;
	height: 20px !important;
	min-height: 20px !important;
	margin: 0;
	padding: 0 !important;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #5f6f86;
	cursor: pointer;
	line-height: 1;
	z-index: 2;
}

.arbs-rental-calendar-trigger:hover,
.arbs-rental-calendar-trigger:focus-visible {
	color: #2563eb;
	background: transparent;
	outline: 2px solid rgba(37, 99, 235, .25);
	outline-offset: 1px;
}

.arbs-rental-requests-page .arbs-rental-date-clear,
.arbs-rental-request-form .arbs-rental-date-clear {
	position: absolute;
	right: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px !important;
	min-width: 20px !important;
	height: 20px !important;
	min-height: 20px !important;
	margin: 0;
	padding: 0 !important;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #5f6f86;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
	text-decoration: none;
	z-index: 2;
}

.arbs-rental-requests-page .arbs-rental-date-clear:hover,
.arbs-rental-requests-page .arbs-rental-date-clear:focus-visible,
.arbs-rental-request-form .arbs-rental-date-clear:hover,
.arbs-rental-request-form .arbs-rental-date-clear:focus-visible {
	background: transparent;
	color: #2563eb;
	outline: 2px solid rgba(37, 99, 235, .2);
	outline-offset: 1px;
}

.arbs-rental-follow-up-picker {
	grid-column: 1 / -1;
}

.arbs-rental-follow-up-heading {
	margin-bottom: 10px;
}

.arbs-rental-follow-up-label {
	font-weight: 600;
}

.arbs-rental-follow-up-fields {
	display: grid;
	grid-template-columns: minmax(240px, 1fr) auto;
	gap: 18px;
	align-items: start;
}

.arbs-rental-follow-up-fields .arbs-rental-workflow-field {
	min-width: 0;
	display: grid;
	gap: 6px;
}

.arbs-rental-follow-up-fields .arbs-rental-workflow-field > label {
	font-weight: 600;
}

.arbs-rental-follow-up-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.arbs-rental-follow-up-actions .arbs-rental-follow-up-clear {
	position: static;
	width: auto !important;
	min-width: 0 !important;
	height: 36px !important;
	min-height: 36px !important;
	margin: 0;
	padding: 7px 14px !important;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	background: #f8fafc;
	color: #526174;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}

.arbs-rental-follow-up-actions .arbs-rental-follow-up-clear:hover,
.arbs-rental-follow-up-actions .arbs-rental-follow-up-clear:focus-visible {
	border-color: #c2410c;
	background: #fff7ed;
	color: #9a3412;
	outline: 2px solid rgba(194, 65, 12, .2);
	outline-offset: 1px;
}

.flatpickr-calendar.arbs-rental-flatpickr-calendar {
	width: 320px;
	max-width: calc(100vw - 24px);
	min-width: 0;
	box-sizing: border-box;
	z-index: 100000 !important;
	border: 1px solid #cbd5e1;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(15, 23, 42, .2);
	overflow: hidden;
}

.flatpickr-calendar.arbs-rental-flatpickr-calendar,
.flatpickr-calendar.arbs-rental-flatpickr-calendar * {
	box-sizing: border-box;
	min-width: 0;
}

.flatpickr-calendar.arbs-rental-flatpickr-calendar button,
.flatpickr-calendar.arbs-rental-flatpickr-calendar a {
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	text-decoration: none;
}

.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-months {
	padding: 8px 4px 4px;
	background: #f1f5f9;
}

.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-months .flatpickr-month,
.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-current-month {
	height: 36px;
	line-height: 36px;
}

.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-current-month {
	padding-top: 0;
	font-size: 15px;
}

.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-monthDropdown-months,
.flatpickr-calendar.arbs-rental-flatpickr-calendar input.cur-year {
	min-height: 30px;
	padding: 4px 6px;
	border: 1px solid #cbd5e1;
	border-radius: 5px;
	background: #fff;
	font-size: 14px;
}

.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-prev-month,
.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-next-month {
	top: 11px;
	width: 30px;
	height: 30px;
	padding: 7px !important;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	background: #fff;
	color: #163a70;
}

.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-prev-month { left: 8px; }
.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-next-month { right: 8px; }
.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-prev-month:hover,
.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-next-month:hover { background: #e0ecfb; color: #075985; }
.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-prev-month svg,
.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-next-month svg { width: 15px; height: 15px; }

.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-weekdays {
	height: 30px;
	background: #fff;
}

.flatpickr-calendar.arbs-rental-flatpickr-calendar span.flatpickr-weekday {
	color: #64748b;
	font-size: 11px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
}

.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-days,
.flatpickr-calendar.arbs-rental-flatpickr-calendar .dayContainer {
	width: 100%;
	min-width: 0;
	max-width: none;
	background: #fff;
}

.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-day {
	width: 14.285714%;
	max-width: none;
	height: 34px;
	line-height: 32px;
	border-radius: 6px;
}

.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-day:hover,
.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-day:focus { background: #eaf2fc; border-color: #93b4df; }
.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-day.today { border-color: #7aa2d6; }
.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-day.selected { background: #2563eb; border-color: #2563eb; color: #fff; }

.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-time {
	border-top: 1px solid #e2e8f0;
	background: #f8fafc;
}

.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-time input {
	min-width: 0;
	min-height: 40px;
	padding: 0;
	line-height: 40px;
}

@media (max-width: 400px) {
	.flatpickr-calendar.arbs-rental-flatpickr-calendar {
		width: calc(100vw - 24px);
	}

	.flatpickr-calendar.arbs-rental-flatpickr-calendar .flatpickr-day {
		height: 31px;
		line-height: 29px;
	}
}

@media (max-width: 960px) {
	.arbs-rental-follow-up-fields {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 400px) {
	.arbs-rental-follow-up-fields {
		gap: 14px;
	}
}
