.search-filter-bar{background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:16px}
.form-field{width:100%;height:44px;border:1px solid #d9d9d9;border-radius:10px;padding:10px 12px;background:#fff;color:#333}
.form-field:focus{outline:none;border-color:#999}

/* Search input */
.input-search{display:flex;align-items:center;border:1px solid #d9d9d9;border-radius:10px}
.input-search .input-field{flex:1;border:none;height:42px;padding:10px 12px}
.input-search .search-icons{display:flex;gap:6px;align-items:center;padding-right:6px}
.input-search .input-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;cursor:pointer;color:#555}
.input-search .input-icon:hover{background:#f5f5f5}
.input-search .search-icon{width:18px;height:18px}

/* Time range */
.date-range-picker{position:relative}
.time-range-input{display:flex;align-items:center;justify-content:space-between;border:1px solid #d9d9d9;border-radius:10px;height:44px;padding:0 12px;cursor:pointer;background:#fff}
.time-range-text{color:#555}
.time-range-dropdown{position:absolute;top:52px;left:0;z-index:20;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.08);padding:14px;min-width:280px;display:none}
.time-range-header h6{margin:0;font-size:14px}
.time-range-fields{display:flex;gap:10px}
.time-field{flex:1}
.time-label{display:block;font-size:12px;color:#666;margin-bottom:6px}
.time-input{height:40px}
.time-range-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.time-action-btn{appearance:none;-webkit-appearance:none;border:1px solid #d9d9d9;background:#fafafa;border-radius:8px;padding:6px 12px;height:36px;cursor:pointer;color:#333}
.time-action-btn:hover{background:#f0f0f0}
.time-action-btn.primary{background:#111;color:#fff;border-color:#111}

/* Language multiselect */
.custom-multiselect{position:relative}
.multiselect-trigger{display:flex;align-items:center;justify-content:space-between;height:44px;border:1px solid #d9d9d9;border-radius:10px;padding:0 12px;cursor:pointer;background:#fff}
.multiselect-dropdown{position:absolute;top:52px;left:0;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.08);padding:10px;min-width:300px;z-index:20;display:none}
.multiselect-search input{width:100%;height:36px;border:1px solid #d9d9d9;border-radius:8px;padding:6px 8px}
.multiselect-actions{display:flex;gap:8px;margin:10px 0}
.multiselect-action-btn{appearance:none;-webkit-appearance:none;border:1px solid #d9d9d9;background:#fafafa;border-radius:8px;padding:6px 10px;cursor:pointer;color:#333}
.multiselect-action-btn:hover{background:#f0f0f0}
.multiselect-options{max-height:220px;overflow:auto;border-top:1px solid #eee;padding-top:8px}
.multiselect-option{display:flex;align-items:center;gap:8px;padding:6px 4px}
.multiselect-option input{accent-color:#111}

/* Disabled button styles */
.home-repair-button:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: #666 !important;
}

.home-repair-button:disabled:hover {
    background-color: #ccc !important;
    border-color: #ccc !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Tooltip styles for disabled buttons */
.home-repair-button[title]:hover::after {
    content: attr(title);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    margin-bottom: 5px;
}

.home-repair-button[title]:hover::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: #333;
    z-index: 1000;
    margin-bottom: -5px;
}

@media (min-width:768px){.search-filter-bar{padding:20px}}