/* Minification failed. Returning unminified contents.
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-ink'
(25,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-line'
(26,25): run-time error CSS1039: Token not allowed after unary operator: '-ea-radius'
(38,35): run-time error CSS1039: Token not allowed after unary operator: '-ea-line'
(46,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-ink'
(53,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-muted'
(59,35): run-time error CSS1039: Token not allowed after unary operator: '-ea-line'
(74,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-muted'
(108,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-brand'
(122,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-ink'
(155,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-muted'
(177,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-info'
(200,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-ok'
(215,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-muted'
(239,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-ink'
(257,22): run-time error CSS1039: Token not allowed after unary operator: '-ea-soft'
(258,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-muted'
(272,22): run-time error CSS1039: Token not allowed after unary operator: '-ea-brand'
(305,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-ink'
(326,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-brand'
(331,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-muted'
(368,35): run-time error CSS1039: Token not allowed after unary operator: '-ea-line'
(375,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-ink'
(381,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-muted'
(404,35): run-time error CSS1039: Token not allowed after unary operator: '-ea-line'
(440,22): run-time error CSS1039: Token not allowed after unary operator: '-ea-soft'
(459,24): run-time error CSS1039: Token not allowed after unary operator: '-ea-brand'
(470,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-ink'
(477,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-muted'
(483,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-muted'
(493,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-line'
(499,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-muted'
(506,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-ink'
(519,24): run-time error CSS1039: Token not allowed after unary operator: '-ea-brand'
(520,22): run-time error CSS1039: Token not allowed after unary operator: '-ea-brand'
(525,22): run-time error CSS1039: Token not allowed after unary operator: '-ea-brand-dark'
(526,24): run-time error CSS1039: Token not allowed after unary operator: '-ea-brand-dark'
(541,22): run-time error CSS1039: Token not allowed after unary operator: '-ea-soft'
(577,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-line'
(583,22): run-time error CSS1039: Token not allowed after unary operator: '-ea-brand'
(594,22): run-time error CSS1039: Token not allowed after unary operator: '-ea-brand-dark'
 */
/* Örnek Kitap Talep Formu */

.ea-page {
    --ea-brand: #c4181a;
    --ea-brand-dark: #9e1214;
    --ea-ink: #1f2937;
    --ea-muted: #6b7280;
    --ea-line: #e5e7eb;
    --ea-soft: #f8fafc;
    --ea-ok: #047857;
    --ea-info: #0f4c81;
    --ea-radius: 10px;
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    color: var(--ea-ink);
}

.ea-shell {
    max-width: 900px;
    margin: 16px auto 28px;
    padding: 0 12px;
}

.ea-panel {
    background: #fff;
    border: 1px solid var(--ea-line);
    border-radius: var(--ea-radius);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}

.ea-body {
    padding: 18px 20px;
    background: #fff;
}

.ea-header {
    margin: 0 0 14px;
    padding: 0 0 12px;
    border-bottom: 1px solid var(--ea-line);
}

.ea-header h1 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--ea-ink);
}

.ea-header p {
    margin: 4px 0 0;
    font-size: 0.84rem;
    line-height: 1.4;
    color: var(--ea-muted);
}

.ea-section {
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--ea-line);
}

.ea-section:last-of-type {
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: 0;
}

.ea-section-title {
    margin: 0 0 8px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ea-muted);
}

.ea-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 12px;
}

.ea-grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.ea-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ea-field.ea-span-2,
.ea-field.ea-span-3 {
    grid-column: 1 / -1;
}

.ea-field label {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 600;
    color: #374151;
    line-height: 1.2;
}

.ea-field label .req {
    color: var(--ea-brand);
}

.ea-field .form-control {
    width: 100%;
    height: 38px;
    min-height: 38px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    box-shadow: none;
    padding: 6px 10px;
    font-size: 0.9rem;
    line-height: 1.3;
    background: #fff;
    color: var(--ea-ink);
}

.ea-field select.form-control {
    appearance: none;
    -webkit-appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #6b7280 50%),
        linear-gradient(135deg, #6b7280 50%, transparent 50%);
    background-position:
        calc(100% - 16px) calc(50% - 3px),
        calc(100% - 11px) calc(50% - 3px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    padding-right: 28px;
    cursor: pointer;
}

.ea-field textarea.form-control {
    height: auto;
    min-height: 56px;
    resize: vertical;
    padding-top: 8px;
}

.ea-field .form-control:focus {
    border-color: rgba(196, 24, 26, 0.55);
    box-shadow: 0 0 0 2px rgba(196, 24, 26, 0.1);
    outline: none;
}

.ea-hint {
    font-size: 0.72rem;
    color: var(--ea-muted);
    margin: 0;
}

.ea-alert {
    border-radius: 8px;
    padding: 10px 12px;
    margin-bottom: 12px;
    border: 1px solid transparent;
    font-size: 0.84rem;
    line-height: 1.4;
}

.ea-alert-danger {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.ea-alert-info {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: var(--ea-info);
}

.ea-alert-info ul {
    margin: 6px 0 0 16px;
    padding: 0;
}

.ea-alert-info li {
    margin: 2px 0;
}

.ea-alert-success-wrap {
    text-align: center;
    padding: 36px 20px;
}

.ea-success-icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 12px;
    border-radius: 50%;
    background: rgba(4, 120, 87, 0.12);
    color: var(--ea-ok);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
}

.ea-alert-success-wrap h2 {
    margin: 0 0 8px;
    font-size: 1.2rem;
}

.ea-alert-success-wrap p {
    margin: 0 auto;
    color: var(--ea-muted);
    max-width: 28rem;
    font-size: 0.9rem;
    line-height: 1.45;
}

/* Kitap seçim alanı */
.ea-book-picker {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ea-book-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-height: 42px;
    padding: 8px 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #fff;
    color: var(--ea-ink);
    font-size: 0.9rem;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ea-book-trigger:hover:not(:disabled) {
    border-color: #9ca3af;
}

.ea-book-trigger:focus {
    outline: none;
    border-color: rgba(196, 24, 26, 0.55);
    box-shadow: 0 0 0 2px rgba(196, 24, 26, 0.1);
}

.ea-book-trigger:disabled {
    background: var(--ea-soft);
    color: var(--ea-muted);
    cursor: not-allowed;
}

.ea-book-trigger-label {
    flex: 1;
    min-width: 0;
}

.ea-book-trigger-count {
    flex: 0 0 auto;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    background: var(--ea-brand);
    border-radius: 999px;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ea-book-trigger-count.is-empty {
    background: #e5e7eb;
    color: #6b7280;
}

.ea-book-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 0;
}

.ea-book-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 4px 8px 4px 10px;
    border-radius: 999px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    font-size: 0.78rem;
    line-height: 1.3;
    color: var(--ea-ink);
}

.ea-book-chip span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ea-book-chip button {
    appearance: none;
    border: 0;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    padding: 0 2px;
}

.ea-book-chip button:hover {
    color: var(--ea-brand);
}

.ea-book-empty {
    font-size: 0.78rem;
    color: var(--ea-muted);
}

/* Modal */
.ea-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1050;
    background: rgba(15, 23, 42, 0.45);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.ea-modal-backdrop.is-open {
    display: flex;
}

.ea-modal {
    width: 100%;
    max-width: 520px;
    max-height: min(80vh, 640px);
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ea-modal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--ea-line);
}

.ea-modal-head h3 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--ea-ink);
}

.ea-modal-head p {
    margin: 3px 0 0;
    font-size: 0.8rem;
    color: var(--ea-muted);
}

.ea-modal-close {
    appearance: none;
    border: 0;
    background: #f3f4f6;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
    color: #4b5563;
    flex: 0 0 auto;
}

.ea-modal-close:hover {
    background: #e5e7eb;
}

.ea-modal-search {
    padding: 10px 16px;
    border-bottom: 1px solid var(--ea-line);
}

.ea-modal-search input {
    width: 100%;
    height: 38px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0 12px;
    font-size: 0.9rem;
}

.ea-modal-search input:focus {
    outline: none;
    border-color: rgba(196, 24, 26, 0.55);
    box-shadow: 0 0 0 2px rgba(196, 24, 26, 0.1);
}

.ea-modal-list {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
    min-height: 180px;
}

.ea-book-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid transparent;
}

.ea-book-item:hover:not(.is-disabled) {
    background: var(--ea-soft);
}

.ea-book-item.is-checked {
    background: #fef2f2;
    border-color: #fecaca;
}

.ea-book-item.is-disabled {
    opacity: 0.55;
    cursor: not-allowed;
    background: #f9fafb;
}

.ea-book-item input {
    margin-top: 2px;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    accent-color: var(--ea-brand);
}

.ea-book-item-body {
    flex: 1;
    min-width: 0;
}

.ea-book-item-title {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--ea-ink);
    line-height: 1.35;
}

.ea-book-item-meta {
    margin-top: 2px;
    font-size: 0.75rem;
    color: var(--ea-muted);
}

.ea-modal-empty {
    padding: 28px 12px;
    text-align: center;
    color: var(--ea-muted);
    font-size: 0.88rem;
}

.ea-modal-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 16px;
    border-top: 1px solid var(--ea-line);
    background: #fafafa;
}

.ea-modal-foot-meta {
    font-size: 0.82rem;
    color: var(--ea-muted);
}

.ea-btn {
    appearance: none;
    border: 1px solid #d1d5db;
    background: #fff;
    color: var(--ea-ink);
    font-weight: 600;
    font-size: 0.86rem;
    padding: 8px 14px;
    border-radius: 8px;
    cursor: pointer;
}

.ea-btn:hover {
    background: #f9fafb;
}

.ea-btn-primary {
    border-color: var(--ea-brand);
    background: var(--ea-brand);
    color: #fff;
}

.ea-btn-primary:hover {
    background: var(--ea-brand-dark);
    border-color: var(--ea-brand-dark);
}

.ea-file-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ea-file {
    flex: 1;
    min-width: 220px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: var(--ea-soft);
    overflow: hidden;
}

.ea-file .file-upload {
    margin: 0;
}

.ea-file .file-select {
    height: 38px !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.ea-file .file-select-button {
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 12px !important;
    font-size: 0.8rem !important;
    background: #e5e7eb !important;
    color: #374151 !important;
}

.ea-file .file-select-name {
    line-height: 38px !important;
    font-size: 0.8rem !important;
    padding-left: 10px !important;
}

.ea-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
    padding-top: 12px;
    border-top: 1px solid var(--ea-line);
}

.ea-submit {
    appearance: none;
    border: 0;
    background: var(--ea-brand);
    color: #fff;
    font-weight: 700;
    font-size: 0.9rem;
    padding: 10px 22px;
    border-radius: 8px;
    cursor: pointer;
    min-width: 140px;
}

.ea-submit:hover {
    background: var(--ea-brand-dark);
}

.ea-submit:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.ea-captcha {
    margin-top: 2px;
}

.ea-page .field-validation-error,
.ea-page label.error {
    color: #b91c1c;
    font-size: 0.72rem;
    position: static;
    padding: 0;
}

.ea-page .validation-summary-errors ul {
    margin: 0;
    padding-left: 16px;
}

body.ea-modal-open {
    overflow: hidden;
}

@media (max-width: 767px) {
    .ea-body {
        padding: 14px;
    }

    .ea-grid,
    .ea-grid-3 {
        grid-template-columns: 1fr;
    }

    .ea-field.ea-span-2,
    .ea-field.ea-span-3 {
        grid-column: auto;
    }

    .ea-actions {
        justify-content: stretch;
    }

    .ea-submit {
        width: 100%;
    }

    .ea-modal {
        max-height: 90vh;
    }
}

/* Legacy */
.makeApplyButton {
    background-color: rgba(206, 43, 44, 1);
    border-color: brown;
    border-radius: 10px !important;
}

.badge-danger {
    text-transform: capitalize;
    background-color: #ce2b2c;
    color: #FFF;
    height: 33px !important;
    border-radius: 20px !important;
}

.applyCaptcha {
    text-align: center;
}

.field-validation-error {
    color: #e73d4a;
}