.dev-units-table { width: 100%; border-collapse: collapse; }
.dev-units-table th, .dev-units-table td { padding: 8px; border-bottom: 1px solid #eee; text-align: left; }
.dev-units-table thead th { border-bottom: 2px solid #ddd; }
.dev-cards .dev-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.dev-help { cursor: help; display: inline-block; margin-left: 4px; opacity: 0.7; }
.dev-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: none; align-items: center; justify-content: center; z-index: 99999; }
.dev-modal { background: #fff; padding: 16px; border-radius: 8px; max-width: 560px; width: 92%; box-shadow: 0 6px 24px rgba(0,0,0,0.2); }
.dev-modal h3 { margin-top: 0; }
.dev-modal .dev-modal-close { float: right; border: none; background: transparent; font-size: 20px; cursor: pointer; }
.dev-pagination .button { text-decoration: none; }
.dev-compare-table { width: 100%; border-collapse: collapse; }
.dev-compare-table th, .dev-compare-table td { padding: 6px; border-bottom: 1px solid #eee; }
.dev-units-filters input, .dev-units-filters select { padding: 6px; }
.dev-units-filters button { padding: 6px 10px; }
.dev-reserve form input { padding: 8px; width: 260px; max-width: 100%; }
.dev-reserve form label { display: block; margin-bottom: 8px; }
.dev-reserve form button { padding: 8px 12px; }