.search-card { background: #EDDECB; border: 1px solid #E1C6A8; border-radius: 8px; margin-bottom: 1.5rem; } .search-body { padding: 1rem; } .search-group { display: flex; gap: 0.5rem; } .search-button { flex-shrink: 0; } /*.btn-primary {*/ /* background: #EDDECB;*/ /* color: white;*/ /* border: none;*/ /* padding: 0.5rem 1rem;*/ /* border-radius: 8px;*/ /* cursor: pointer;*/ /*}*/ /*.btn-primary:hover {*/ /* background: #0056b3;*/ /*}*/ .details-card { background: #EDDECB; border: 1px solid #E1C6A8; border-radius: 8px; margin-bottom: 1.5rem; } .card-header { background: #E1C6A8; padding: 1rem; border-bottom: 1px solid #E1C6A8; } .card-header h5 { margin: 0; font-size: 1.1rem; } .details-body { padding: 1rem; } .details-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; } .details-column { display: flex; flex-direction: column; gap: 0.5rem; } .detail-row { display: flex; align-items: center; gap: 1rem; } .detail-label { flex: 0 0 45%; text-align: right; font-weight: bold; color: #555; } .detail-value { flex: 1; } /* Form styling */ input[type="text"] { padding: 0.5rem; border: 1px solid #ddd; border-radius: 4px; width: 100%; } input[type="text"]:focus { outline: none; border-color: #007bff; box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); }