/* Rahlaat V10 - customer and office message centre; scoped styles, RTL first. */
.v10-page-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 22px}
.v10-page-heading h2{font-size:26px;color:#0b3452;margin:5px 0 2px}.v10-page-heading p{margin:0;color:#6b8291;font-size:13px}
.v10-filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 22px}
.v10-filter-row>a{display:inline-flex;text-decoration:none;padding:10px 17px;border:1px solid #d9e7ed;background:#fff;border-radius:12px;color:#31566a;font-weight:800;font-size:13px;transition:background .2s,transform .2s}
.v10-filter-row>a:hover{background:#eaf8f7;transform:translateY(-2px)}.v10-filter-row>a.is-active{background:#0c3656;color:#fff;border-color:#0c3656}
.v10-thread-grid,.v10-admin-inbox{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.v10-thread{border:1px solid #dce9ed;background:#fff;padding:22px;border-radius:21px;box-shadow:0 8px 26px #1239510c;min-width:0;transition:transform .2s,box-shadow .2s}
.v10-thread:hover{transform:translateY(-2px);box-shadow:0 13px 30px #12395118}.v10-thread.v10-is-unread{border-color:#16b6a8;box-shadow:inset 4px 0 0 #16b6a8,0 9px 23px #0b89791c}
.v10-thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.v10-thread-head h3{font-size:18px;margin:4px 0 0}.v10-thread-head h3 a{text-decoration:none;color:#103c58}.v10-thread-head small{font-size:11px;color:#8195a1}
.v10-new-pill,.v10-state-pill{white-space:nowrap;font-size:11px;font-weight:800;border-radius:30px;padding:6px 10px;background:#e5f8f3;color:#087e6b}.v10-pending-pill{background:#fff2d9;color:#946719}
.v10-bubble{padding:15px 16px;background:#f3f8fb;border:1px solid #e1ecf1;border-radius:14px;margin:12px 0;overflow-wrap:anywhere}.v10-bubble small{font-size:11px;color:#6e8898;font-weight:700}.v10-bubble p{margin:7px 0 0;font-size:13px;line-height:1.95;color:#24485c;white-space:normal}.v10-bubble-office{background:#e7faf5;border:1px solid #c9ece1;border-right:4px solid #12a38e}.v10-inline-link{font-size:13px;font-weight:800;color:#087f78;text-decoration:none}.v10-pending{font-size:12px;color:#8b6c36;margin:12px 0}
.v10-reply-form{margin-top:12px}.v10-reply-form label{display:block;color:#234f60;font-size:12px;font-weight:800;margin-bottom:7px}.v10-reply-form textarea{display:block;resize:vertical;width:100%;padding:12px 14px;border:1px solid #cedfe8;border-radius:12px;color:#183a4f;font:inherit;min-height:90px;background:#fff}.v10-reply-form textarea:focus{outline:2px solid #0c9c904c;border-color:#0c9c90}.v10-reply-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:11px}.v10-reply-actions a{color:#0b827a;font-size:13px;font-weight:800}.v10-reply-form>.btn{margin-top:10px}.v10-admin-summary{background:linear-gradient(115deg,#0c3554,#106e78);border-radius:18px;padding:22px 27px;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 13px 30px #0c415020;margin-top:15px}.v10-admin-summary>div{display:flex;align-items:center;gap:10px}.v10-admin-summary strong{font-size:38px;color:#5ce5d1}.v10-admin-summary span{font-weight:800}.v10-admin-summary p{color:#e2eff2;font-size:12px;max-width:490px;margin:0}.v10-admin-inbox .v10-thread{box-shadow:0 5px 18px #1239510d}.v10-alert-strip{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;border-radius:14px;background:#e1f8f4;border:1px solid #abded3;color:#0a7167;margin:0 0 18px;text-decoration:none}.v10-alert-strip b{color:#095950}.v10-empty{padding:35px;text-align:center}.v10-empty p{color:#6b8291}.account-messages .v10-bubble{margin:12px 0 0}
@media(max-width:950px){.v10-thread-grid,.v10-admin-inbox{grid-template-columns:1fr}}
@media(max-width:600px){.v10-thread{padding:17px;border-radius:16px}.v10-page-heading h2{font-size:22px}.v10-admin-summary{align-items:flex-start;flex-direction:column;padding:19px}.v10-alert-strip{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.v10-thread,.v10-filter-row>a{transition:none}.v10-thread:hover,.v10-filter-row>a:hover{transform:none}}