@charset "UTF-8";
/* Scoped styles: the site's fixed header and footer retain their own layout. */
.br-page { padding: 20px; text-align: start; max-width: 1050px; margin: 0 auto; }
.br-page h1 { font-size: 1.20rem; margin: 20px 0; }
.br-page h2 { font-size: 1.2rem; }
.br-page [hidden] { display: none !important; }
.br-page fieldset { border: 1px solid #ddd6bc; border-radius: 12px; background: #fffdf3; padding: 18px; margin: 18px 0; min-width: 0; }
.br-page legend { color: #963030; padding: 0 8px; font-size: 1.0rem; }
.br-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.br-fields label, .br-evaluation label { display: flex; flex-direction: column; gap: 7px; font-weight: normal; min-width: 0; }
.br-page input:not([type="hidden"]), .br-page select, .br-page textarea { box-sizing: border-box; width: 100%; min-height: 45px; padding: 9px; color: #292d3d; background: #fff; border: 1px solid #c4c5cc; border-radius: 7px; font: inherit; }
.br-page textarea { resize: vertical; }
.br-page input[type="file"] { font-size: .9rem; }
.br-page .select2-container { width: 100% !important; text-align: start; }
.br-page .select2-selection { min-height: 44px; padding: 5px; border-radius: 7px; }
.br-notice { background: #f5f1e5; padding: 12px; border-radius: 8px; }
.br-submit { margin: 15px 0; padding: 12px 30px; }
.br-evaluation { text-align: center; border: 1px solid #ddd6bc; padding: 24px; border-radius: 15px; background: #fffdf3; }
.br-faces { display: flex; justify-content: center; gap: 12px; margin: 24px 0; }
.br-faces button { display: flex; flex: 0 1 145px; align-items: center; flex-direction: column; gap: 10px; padding: 15px 8px; border: 2px solid #dedbd1; border-radius: 14px; background: #fff; cursor: pointer; color: #292d3d; font: inherit; }
.br-faces button span { font-size: 48px; line-height: 1.2; }
.br-faces button[aria-pressed="true"] { border-color: #963030; background: #fff3e4; }
.br-faces button:focus-visible, .br-page button:focus-visible { outline: 3px solid #315883; outline-offset: 3px; }
.br-evaluation label { max-width: 650px; margin: 0 auto 18px; text-align: start; }
.br-new-request { display: block; margin-top: 22px; }
.br-alert-layer { z-index: 1000000 !important; }
@media (max-width: 650px) {
    .br-page { padding: 12px; }
    .br-fields { grid-template-columns: minmax(0,1fr); }
    .br-page fieldset { padding: 13px; }
    .br-faces { gap: 7px; }
    .br-faces button { font-size: .9rem; }
}

.br-verification { border: 1px solid #ddd6bc; background: #fffdf3; padding: 18px; border-radius: 12px; margin: 18px 0; }
.br-verification h2 { font-size: 1.1rem; }
.br-signature { border: 1px dashed #963030; min-height: 180px; background: #fff; overflow: hidden; margin-bottom: 12px; }
.br-page .br-acknowledge { display: flex; align-items: center; gap: 10px; margin: 18px 0; }
.br-page input[type="checkbox"] { width: 22px; min-height: 22px; flex: 0 0 22px; }
.br-record { border: 1px solid #ddd6bc; border-radius: 12px; background: #fffdf3; margin: 15px 0; padding: 18px; }

/* Override the legacy global underline-only Select2 skin inside this service. */
.br-page .select2-container--default .select2-selection--single {
    min-height: 47px;
    height: auto;
    padding: 8px 12px;
    border: 1px solid #c4c5cc !important;
    border-radius: 7px !important;
    background: #fff !important;
    display: flex;
    align-items: center;
}
.br-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.6 !important;
    padding-block: 0 !important;
}
.br-page .select2-container--default.select2-container--focus .select2-selection,
.br-page .select2-container--default.select2-container--open .select2-selection { border-color: #963030 !important; box-shadow: 0 0 0 2px rgba(150,48,48,.12); }
.br-page button:disabled { opacity: .55; cursor: not-allowed; }

/* ألوان الخدمة في مكان واحد؛ جميع القواعد محصورة داخل br-page. */
.br-page { --br-accent: #963030; --br-ink: #292d3d; background: #f8f8f5; border-radius: 18px; padding: 22px; }
.br-hero { padding: 24px; border: 1px solid #e4e1d8; border-inline-start: 5px solid var(--br-accent); border-radius: 15px; background: #fff; margin-bottom: 22px; }
.br-hero nav { font-size: .85rem; color: #767d82; }
.br-hero h1 { margin: 18px 0 10px; font-size: 1.55rem; color: var(--br-ink); }
.br-hero p { color: #626a73; line-height: 1.8; }
.br-page fieldset { background: #fff; border-color: #e2e3df; margin-top: 25px; }
.br-page legend { display: flex; align-items: center; gap: 9px; font-weight: bold; }
.br-page legend > span { display: inline-flex; align-items: center; justify-content: center; width: 29px; height: 29px; border-radius: 50%; background: #f4e8e6; color: var(--br-accent); font-size: 14px; }
.br-profile { display: flex; flex-wrap: wrap; gap: 12px 24px; padding: 15px; border-radius: 10px; background: #f5f7f8; color: #3c4d55; }
.br-profile > strong { flex-basis: 100%; font-size: 1.1rem; }
.br-fields { gap: 20px; }
.br-wide { grid-column: 1 / -1; }
.br-page label { color: #444d57; line-height: 1.7; }
.br-page input:not([type="hidden"]), .br-page textarea { border-radius: 10px; padding: 12px; min-height: 49px; }
.br-page input:focus-visible, .br-page textarea:focus-visible { outline: 2px solid rgba(150,48,48,.22); outline-offset: 1px; border-color: var(--br-accent); }
.br-page input[aria-invalid="true"], .br-page textarea[aria-invalid="true"] { border-color: #b83c3c; }
.br-page small { color: #747c85; font-size: .85rem; }
.br-signature { border-radius: 12px; background: #fcfdfc; touch-action: none; min-height: 200px; }
.br-primary,.br-secondary { display: inline-flex; justify-content: center; align-items: center; padding: 11px 20px; border-radius: 10px; border: 1px solid #d5d7db; font: inherit; text-decoration: none; cursor: pointer; }
.br-primary { background: #963030; color: #fff; border-color: #963030; }
.br-primary:hover { background: #7f2626; color: #fff; }
.br-secondary { background: #fff; color: #4b535e; }
.br-actions { display: flex; flex-direction: column; align-items: flex-end; padding: 10px 0; }
.br-actions .br-primary { min-width: 210px; }
.br-success-icon { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; border-radius: 50%; background: #e8f5ed; color: #277a4d; font-size: 30px; margin-bottom: 16px; }
.br-evaluation { background: #fff; }
@media(max-width:650px){ .br-page { padding: 12px; border-radius: 12px; } .br-hero { padding: 17px; } .br-actions .br-primary { width: 100%; } }

/* انتهاء التقييم: إخفاء أدوات الإدخال وإبراز التأكيد ورابط الطلب الجديد. */
.br-evaluation[data-state="complete"] .br-faces,
.br-evaluation[data-state="complete"] h2 { display: none; }
.br-evaluation[data-state="complete"] [data-bail-evaluation-status] {
    margin: 22px auto;
    padding: 18px;
    max-width: 620px;
    border: 1px solid #c9e4d4;
    border-radius: 12px;
    background: #eff8f2;
    color: #246b45;
    font-weight: bold;
    line-height: 1.8;
}
.br-evaluation[data-state="complete"] .br-new-request {
    display: inline-flex;
    padding: 11px 22px;
    margin-top: 0;
    border: 1px solid #d5d7db;
    border-radius: 10px;
    background: #fff;
    color: #4b535e;
    text-decoration: none;
}