/* Basic styling for SaaS‑style UI */

body .crs-dashboard {
    font-family: 'Inter', sans-serif;
}

.crs-dashboard input,
.crs-dashboard select,
.crs-dashboard textarea {
    transition: all 0.2s ease;
}

.crs-dashboard button {
    transition: background-color 0.2s ease;
}

.crs-event-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.crs-event-items li {
    padding: 12px;
    border-bottom: 1px solid #e5e7eb;
    background-color: #ffffff;
    border-radius: 6px;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.2s;
}

.crs-event-items li:hover {
    background-color: #f9fafb;
}

#crs-event-modal {
    display: none; /* hidden by default */
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 9999;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

#crs-event-modal > div {
    max-width: 600px;
    width: 90%;
    background: #482914;
    border-radius: 1rem;
    padding: 1.5rem;
    position: relative;
}
input#crs-search {
	border-radius: 12px;

}
input.w-full.p-3.border.border-\[\#2D1C11\].rounded-2xl.focus\:ring-2.focus\:ring-yellow-400.focus\:outline-none.input-form-field {
    background-color: #FFFFFF00;
    border-color: #D4AF37;
    border-radius: 8px 8px 8px 8px;
}
textarea.w-full.p-3.border.border-\[\#2D1C11\].rounded-2xl.h-28.focus\:ring-2.focus\:ring-yellow-400.focus\:outline-none.input-form-textarea {
	  background-color: #FFFFFF00;
    border-color: #D4AF37;
    border-radius: 8px 8px 8px 8px;
    color: #fff !important;
}
  .my-input input:focus {
    outline: none !important;
    border: 1px solid #d4af37 !important;
    background: transparent !important;
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.6) !important;
    transition: all 0.3s 
ease;
}