/* Arabic home heading in Amiri (self-hosted, SIL OFL 1.1, see fonts/Amiri-OFL.txt). */
@font-face {font-family:'Amiri';src:url('/fonts/amiri-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
html[lang="ar"] .welcome-text h1 {font-family:'Amiri',serif;font-weight:700;}
/* Customer top bar: logo left, account buttons right. Status line stays for screen readers only. */
.customer-topbar {position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;min-height:64px;padding:8px max(16px,calc((100% - 1100px)/2));background:#fff;border-bottom:1px solid #e3eaf0;box-sizing:border-box;flex-wrap:nowrap;}
.customer-topbar button {width:auto;flex:none;margin:0;box-shadow:none;}
.customer-topbar .customer-brand {margin-inline-end:auto;padding:4px;border:0;background:transparent;cursor:pointer;line-height:0;}
.customer-topbar .customer-brand img {height:40px;width:auto;}
.customer-topbar .text-btn {min-height:40px;padding:8px 16px;border-radius:999px;font-size:15px;font-weight:600;color:#0c3559;}
.customer-topbar .text-btn:hover {background:#f0f6f8;}
.customer-topbar #customerRegisterBtn,.customer-topbar #customerMyAccountBtn {background:#007f89;color:#fff;}
.customer-topbar #customerRegisterBtn:hover,.customer-topbar #customerMyAccountBtn:hover {background:#006d77;}
.customer-topbar .customer-status-text {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;}
.customer-topbar [hidden] {display:none!important;}
.customer-topbar .customer-language {text-decoration:none;display:inline-flex;align-items:center;}
@media(max-width:420px){.customer-topbar .customer-brand img{height:32px;}.customer-topbar .text-btn{padding:8px 12px;font-size:14px;}}

/* WhatsApp: floating button on every page, plus inline links on offers and confirmation. */
.customer-whatsapp {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:999px;background:#1f9d55;color:#fff;font-weight:600;text-decoration:none;box-sizing:border-box;}
.customer-whatsapp:hover {background:#17834a;}
#customerWhatsAppBtn {position:fixed;inset-inline-end:16px;bottom:16px;z-index:20;box-shadow:0 6px 18px #0003;}
/* Page frame. Buttons and form fields use the page font (browsers default them to a system font, very visible in
   Arabic). The old phone-preview frame from style.css (30px body padding on wide screens) is removed so the top bar
   reaches the screen edges; the welcome card stays centred. The footer already leaves room for the WhatsApp button. */
button,input,select,textarea {font-family:inherit;}
@media (min-width:700px){body{padding:0;}#app{margin:32px auto;min-height:0;}.welcome-screen{min-height:calc(100vh - 160px);}}
@media (max-width:699px){.welcome-screen{min-height:calc(100vh - 64px);}#app{min-height:0;}}

/* Motor offers: searching screen and side-by-side offer cards. */
.customer-production .customer-scan-text {color:#4a6479;}
.customer-production .customer-scan-bar {height:8px;border-radius:8px;background:#e3f1f3;overflow:hidden;margin:24px 0;}
.customer-production .customer-scan-bar span {display:block;height:100%;width:40%;border-radius:8px;background:#007f89;animation:customer-scan 1.1s ease-in-out infinite;}
@keyframes customer-scan {0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
@media (prefers-reduced-motion:reduce){.customer-production .customer-scan-bar span{animation:none;width:100%;}}
.customer-production .customer-offers-intro {color:#4a6479;margin:0 0 8px;}
.customer-production .customer-sample {display:inline-block;margin:0 0 20px;padding:6px 12px;border-radius:8px;background:#fff4dc;color:#7a5200;font-weight:600;font-size:14px;}
.customer-production .customer-offers {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:stretch;}
.customer-production .customer-offer {display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid #d9e5f1;border-radius:16px;background:#fff;min-width:0;}
.customer-production .customer-offer h2 {margin:0;font-size:20px;color:#0c3559;}
.customer-production .customer-offer-insurer {margin:0;color:#4a6479;font-size:14px;}
.customer-production .customer-offer ul {margin:0;padding-inline-start:20px;color:#26445f;}
.customer-production .customer-offer-extras {border:0;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:6px;}
.customer-production .customer-offer-extras legend {font-weight:600;margin-bottom:4px;}
.customer-production .customer-offer-extras .customer-checkbox {font-weight:400;font-size:15px;gap:8px;}
.customer-production .customer-offer-price {margin:auto 0 0;padding-top:8px;font-size:15px;color:#4a6479;}
.customer-production .customer-offer-price strong {font-size:28px;color:#0c3559;}
.customer-production .customer-offer button {width:100%;margin:0;}
.customer-production .customer-success-next .customer-whatsapp {margin-top:14px;}

/* Scoped to the canonical account panel; existing demo layouts are unchanged. */
.customer-production {max-width:1100px;margin:24px auto;padding:clamp(18px,3vw,36px);color:#123456;line-height:1.65;}
.customer-production h1 {font-size:clamp(25px,3vw,34px);line-height:1.3;margin:0 0 20px;}
.customer-production h2 {font-size:22px;margin:24px 0 12px;}
.customer-production .customer-actions {display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;}
.customer-production button {min-height:44px;max-width:100%;white-space:normal;line-height:1.5;}
.customer-production button:disabled {opacity:.65;cursor:wait;}
.customer-production .customer-form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.customer-production label {display:flex;flex-direction:column;gap:6px;font-size:16px;font-weight:600;min-width:0;}
.customer-production input,.customer-production select {box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #b8cbe0;border-radius:8px;background:#fff;color:#123456;font:inherit;font-weight:400;}
.customer-production .customer-checkbox {flex-direction:row;align-items:flex-start;gap:10px;grid-column:1/-1;}
.customer-production .customer-checkbox input {order:-1;}
.customer-production [aria-invalid=true] {border-color:#c0392b;box-shadow:0 0 0 3px #c0392b26;}
.customer-production .customer-checkbox [aria-invalid=true] {outline:2px solid #c0392b;outline-offset:2px;}
.customer-production input::placeholder {color:#8a9bab;}
.customer-production select:disabled {background:#f3f6f8;color:#8a9bab;cursor:not-allowed;}
.customer-production input[type=checkbox] {width:22px;min-height:22px;margin-top:4px;flex-shrink:0;}
.customer-production .customer-card {border:1px solid #d9e5f1;background:#fff;border-radius:12px;padding:22px;margin:18px 0;min-width:0;}
.customer-production dl {display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:8px 20px;margin:14px 0;}
.customer-production dt {font-weight:600;}.customer-production dd {margin:0;overflow-wrap:anywhere;}
.customer-production .customer-reference {font-weight:700;color:#0756a9;overflow-wrap:anywhere;}
.customer-production .customer-status {display:inline-block;border-radius:20px;padding:4px 12px;background:#eaf3ff;color:#124c86;font-weight:600;}
.customer-production .customer-note {margin:16px 0;padding:14px 18px;border-inline-start:4px solid #168ba0;background:#edf8fb;border-radius:6px;}
.customer-production .customer-signin-note {border-inline-start-color:#007f89;background:#e6f6f4;color:#0c3559;font-weight:600;}
.customer-production .customer-offer-summary {display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 18px;padding:18px 20px;border:1px solid #cfe6e8;border-radius:14px;background:#f3fafb;}
.customer-production .customer-offer-summary-name {flex-basis:100%;font-weight:600;color:#26445f;}
.customer-production .customer-offer-summary strong {font-size:30px;line-height:1.2;color:#0c3559;}
.customer-production .customer-offer-summary-period {color:#4a6479;}
@media(min-width:651px){.customer-production .customer-actions button{width:auto;min-width:200px;padding:10px 28px;}}
.customer-production [role=alert] {color:#9b2536;font-weight:600;}.customer-production [hidden] {display:none!important;}
.customer-production :focus-visible {outline:3px solid #2385c6;outline-offset:3px;}
@media(max-width:650px){.customer-production{margin:12px;padding:16px;}.customer-production .customer-form-grid{grid-template-columns:1fr;}.customer-production dl{grid-template-columns:minmax(90px,36%) minmax(0,1fr);gap:8px 12px;}.customer-production .customer-actions button{width:100%;}}

/* Back button above each page heading (arrow follows the reading direction). */
.customer-production .customer-back {display:inline-flex;align-items:center;width:auto;min-height:40px;margin:0 0 14px;padding:6px 16px;border:1px solid #d9e5f1;border-radius:999px;background:#fff;color:#0c3559;font:inherit;font-size:15px;font-weight:600;box-shadow:none;cursor:pointer;}
.customer-production .customer-back:hover {background:#f0f6f8;}
/* Customer dashboard: Get Insurance card, request counts, latest requests, help. */
.customer-production .customer-lead {margin:-10px 0 22px;color:#4a6479;font-size:17px;}
.customer-production .customer-hero {display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0 0 22px;padding:24px 26px;box-sizing:border-box;border:0;border-radius:20px;background:linear-gradient(135deg,#008a96,#006670);color:#fff;font:inherit;text-align:start;cursor:pointer;box-shadow:0 12px 30px #00737d33;transition:transform .15s,box-shadow .15s;}
.customer-production .customer-hero:hover {transform:translateY(-2px);box-shadow:0 16px 34px #00737d40;}
.customer-production .customer-hero-text {display:flex;flex-direction:column;gap:6px;min-width:0;}
.customer-production .customer-hero-label {font-size:12px;font-weight:700;letter-spacing:.12em;opacity:.9;}
.customer-production .customer-hero strong {font-size:clamp(24px,3vw,30px);line-height:1.2;}
.customer-production .customer-hero small {font-size:15px;font-weight:400;line-height:1.5;}
.customer-production .customer-hero-action {margin-top:6px;font-weight:700;}
.customer-production .customer-hero-icon {font-size:56px;line-height:1;flex-shrink:0;}
.customer-production .customer-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 8px;}
.customer-production .customer-stat {display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:0;margin:0;padding:16px;box-sizing:border-box;border:1px solid #d9e5f1;border-radius:14px;background:#fff;color:#0c3559;font:inherit;text-align:start;box-shadow:none;cursor:pointer;}
.customer-production .customer-stat:hover {border-color:#08b8c873;background:#fbfeff;}
.customer-production .customer-stat strong {font-size:30px;line-height:1.15;}
.customer-production .customer-stat span {font-size:14px;font-weight:600;color:#4a6479;}
.customer-production .customer-kind {font-size:13px;font-weight:700;color:#4a6479;}
.customer-production .customer-request-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 16px;}
.customer-production .customer-timeline {list-style:none;margin:8px 0 16px;padding:0;}
.customer-production .customer-timeline li {position:relative;display:flex;flex-direction:column;padding:0 0 16px;padding-inline-start:26px;border-inline-start:2px solid #cfe6e8;margin-inline-start:7px;}
.customer-production .customer-timeline li:last-child {border-inline-start-color:transparent;padding-bottom:0;}
.customer-production .customer-timeline li::before {content:'';position:absolute;inset-inline-start:-8px;top:2px;width:14px;height:14px;border-radius:50%;background:#007f89;box-shadow:0 0 0 3px #e6f6f4;}
.customer-production .customer-timeline strong {color:#0c3559;}
.customer-production .customer-timeline span {font-size:14px;color:#4a6479;}
html[dir=rtl] .customer-production dd[dir=ltr] {text-align:right;}
.customer-production .customer-card-head {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;}
.customer-production .customer-card-head .customer-status {font-size:13px;padding:3px 10px;}
.customer-production .customer-card h3 {margin:8px 0 2px;font-size:18px;}
.customer-production .customer-card .customer-card-date {margin:0 0 10px;font-size:14px;color:#4a6479;}
.customer-production .customer-card .customer-card-link {width:auto;min-height:40px;margin:0;padding:6px 18px;font-size:15px;border-radius:10px;}
.customer-production .customer-empty {padding:18px;border:1px dashed #b9d6de;border-radius:14px;color:#4a6479;}
.customer-production .customer-help {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:26px 0 8px;padding:18px 20px;border:1px solid #d8ecee;border-radius:14px;background:#f3fafb;}
@media(max-width:650px){.customer-production .customer-stats{grid-template-columns:repeat(2,minmax(0,1fr));}.customer-production .customer-hero{padding:20px;}.customer-production .customer-hero-icon{font-size:44px;}}
@media (prefers-reduced-motion:reduce){.customer-production .customer-hero{transition:none;}.customer-production .customer-hero:hover{transform:none;}}
/* Account home: insurance menu cards (layout from the original design, direction-aware for Arabic). */
.customer-production .customer-home-lead {margin:-6px 0 16px;color:#4a6479;}
.customer-production .insurance-type-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:0 0 8px;}
.customer-production .insurance-type-card {display:flex;align-items:center;gap:14px;width:100%;min-height:92px;margin:0;padding:16px;box-sizing:border-box;text-align:start;border:1px solid #d9e5f1;border-radius:17px;background:#fff;color:#0c3559;font:inherit;text-decoration:none;box-shadow:0 6px 20px #071a4a0b;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;}
.customer-production .insurance-type-card:hover {background:#fbfeff;border-color:#08b8c873;transform:translateY(-2px);box-shadow:0 10px 25px #071a4a13;}
.customer-production .insurance-type-icon {margin:0;}
.customer-production .insurance-type-info {display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;}
.customer-production .insurance-type-info strong {font-size:17px;line-height:1.35;color:#0c3559;}
.customer-production .insurance-type-info small {font-size:14px;line-height:1.45;font-weight:400;color:#4a6479;}
.customer-production .insurance-type-arrow {margin:0;color:#007f89;font-size:21px;}
@media (prefers-reduced-motion:reduce){.customer-production .insurance-type-card{transition:none;}.customer-production .insurance-type-card:hover{transform:none;}}

/* Motor submission confirmation only; no shared page/layout overrides. */
.customer-production .customer-motor-success {max-width:600px;margin:0 auto;padding:clamp(8px,2vw,24px) 0;text-align:center;}
.customer-production .customer-motor-success .customer-success-check {display:grid;place-items:center;width:88px;height:88px;margin:0 auto 24px;border-radius:50%;background:#e6f7f6;color:#008d98;font:600 48px/1 system-ui,sans-serif;box-shadow:0 0 0 10px #f5fbfb;}
.customer-production .customer-motor-success h1 {margin:0 0 12px;font-size:clamp(28px,5vw,38px);letter-spacing:-.025em;color:#0c3559;}
.customer-production .customer-motor-success .customer-success-intro {max-width:440px;margin:0 auto 28px;color:#4a6479;font-size:17px;line-height:1.65;}
.customer-production .customer-motor-success .customer-success-reference {padding:22px 16px;border:1px solid #d8ecee;border-radius:18px;background:#f3fafb;}
.customer-production .customer-motor-success .customer-success-label {margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#49697b;}
.customer-production .customer-motor-success .customer-reference {margin:0 0 12px;font-size:clamp(18px,3.5vw,23px);line-height:1.5;color:#084c69;overflow-wrap:anywhere;}
.customer-production .customer-motor-success .customer-status {background:#dff3ed;color:#17634f;font-size:14px;padding:5px 14px;}
.customer-production .customer-motor-success .customer-success-next {margin:26px 0 20px;text-align:start;padding:0 4px;}
.customer-production .customer-motor-success .customer-success-next h2 {margin:0 0 8px;font-size:19px;line-height:1.4;color:#153b5c;}
.customer-production .customer-motor-success .customer-success-next p {margin:0;color:#4a6479;font-size:16px;line-height:1.7;}
.customer-production .customer-motor-success .customer-note {margin:0;text-align:start;font-size:14px;line-height:1.65;padding:14px 16px;}
.customer-production .customer-motor-success .customer-success-actions {display:flex;flex-direction:column;gap:12px;margin:24px 0 0;}
.customer-production .customer-motor-success .customer-success-actions button {box-sizing:border-box;width:100%;min-height:50px;margin:0;padding:12px 18px;border-radius:12px;font-size:16px;font-weight:600;}
.customer-production .customer-motor-success .primary-btn {background:#007f89;color:#fff;border:1px solid #007f89;box-shadow:0 6px 18px #008d981a;}
.customer-production .customer-motor-success .primary-btn:hover {background:#006d77;border-color:#006d77;}
.customer-production .customer-motor-success .secondary-btn {background:#fff;color:#174c68;border:1px solid #b9d6de;box-shadow:none;}
.customer-production .customer-motor-success .secondary-btn:hover {background:#f3fafb;}
.customer-production .customer-motor-success .customer-success-actions .customer-success-link {width:auto;align-self:center;min-height:44px;padding:8px 12px;border:0;border-radius:6px;box-shadow:none;background:transparent;color:#007782;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
@media(max-width:400px){.customer-production .customer-motor-success .customer-success-check{width:76px;height:76px;font-size:42px;}.customer-production .customer-motor-success .customer-success-reference{padding:18px 12px;}}