@font-face{font-family:Cairo;src:url('/app/assets/cairo-arabic.woff2') format('woff2');font-weight:100 1000;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Cairo;src:url('/app/assets/cairo-latin.woff2') format('woff2');font-weight:100 1000;font-display:swap}
*{box-sizing:border-box}body{margin:0;font-family:Cairo,'Segoe UI',sans-serif;font-size:16px;color:#0f2942;background:linear-gradient(165deg,#e7f1fb,#f7fbff 42%,#d7e8f8);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus,select:focus{outline:3px solid #29b6f660;outline-offset:1px}button{border-radius:6px;border:1px solid #c5d9f0;padding:7px 20px;color:#0f2942;background:white;font-weight:700}.workspace{padding:20px;max-width:1440px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#0a3d8f,#1565c0);padding:16px 22px;color:white;border-radius:14px}.topbar span{display:block;font-size:13px;opacity:.9}#notice{margin:14px 0;padding:10px 16px;background:#e7f0fb;border:1px solid #c5d9f0;border-radius:8px}.records{background:white;border-radius:12px;padding:20px;min-height:200px}.records h2{font-size:18px}.brand{display:flex;justify-content:center;gap:10px;align-items:center;padding:16px;font-size:12px;color:#5a7a9a}.brand img{width:45px;height:45px;object-fit:contain;border-radius:50%}
dialog{padding:0;border:0;border-radius:14px;width:min(96vw,1280px);max-width:1280px;max-height:90vh;margin:5vh auto;box-shadow:0 24px 70px #10294055;background:#f0f6fc;color:#0f2942}dialog[open]{display:block}dialog::backdrop{background:#0008}.modal-shell{display:flex;flex-direction:column;max-height:90vh}.modal-header{flex:none;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#0a3d8f 0%,#1565c0 55%,#29b6f6 100%);color:white;padding:10.4px 16px}.modal-header h1{font-size:18.4px;font-weight:700;line-height:1.4;margin:0}.close{border:0;background:transparent;color:white;font-size:28px;font-weight:400;line-height:24px;padding:0 5px;width:32px;height:32px}form{display:flex;flex-direction:column;min-height:0;flex:1}.modal-body{padding:10.4px 13.6px;overflow-y:auto;min-height:0;flex:1}fieldset{margin:0 0 10px;padding:11.2px 12px 8.8px;min-width:0;border:2px solid #243044;border-radius:12px;background:white;box-shadow:0 2px 8px #0f29420f}legend{float:right;width:100%;border:1px solid #243044;border-radius:999px;background:#e7f0fb;color:#0a3d8f;font-weight:800;font-size:16.32px;padding:1.92px 12px;margin-bottom:12px}fieldset::after{content:'';display:block;clear:both}.grid{clear:both;display:grid;gap:12px 8px;align-items:end}.insured{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle{grid-template-columns:repeat(5,minmax(0,1fr))}.details{grid-template-columns:repeat(3,minmax(0,1fr))}.full{grid-column:1/-1}.two{grid-column:span 2}label{display:flex;flex-direction:column;gap:3.2px;font-size:15.2px;font-weight:700;line-height:20.52px;min-width:0}label b{display:contents;color:#d32f2f}input:not([type=checkbox]),select{width:100%;min-width:0;height:39px;background:#fff;border:2px solid #243044;border-radius:8px;color:#0f2942;font-size:16.32px;line-height:22.848px;font-weight:600;padding:6.4px 10.4px}input[type=number],input[type=date]{direction:ltr;text-align:center}select{text-align:center}input:disabled,select:disabled{background:#e9ecef;color:#526272}input[hidden]{display:none}.phone{min-height:62px;align-self:end}.phone-toggle{flex-direction:row;align-items:center;font-size:16px;font-weight:400;line-height:24px}.phone small{display:block;font-size:11px;color:#5a7a9a;line-height:18px}.form-status{margin:5px 2px;color:#5a7a9a;font-size:13px}.form-status.error{color:#b42318}.premium-bar{flex:none;background:#eef6ff;border-top:1px solid #c5d9f0;padding:9px 16px;display:flex;align-items:center;gap:14px}.premium-bar>button{background:linear-gradient(135deg,#0d47a1,#1565c0);color:white;border:0;white-space:nowrap}.premium-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;flex:1;text-align:center;font-size:12px}.premium-grid>div{padding:4px 5px;border:1px solid #c5d9f0;background:white;border-radius:7px}.premium-grid strong{display:block;font-size:17px;direction:ltr;line-height:24px}.premium-grid .total{background:#0d47a1;color:white}.modal-footer{flex:none;background:#e3eef9;padding:12px 16px;display:flex;justify-content:center;gap:8px;min-height:68px}.modal-footer button{font-size:16.8px;line-height:25.2px;font-weight:700;border-radius:4px;padding:7.2px 21.6px}.save{border:0;background:linear-gradient(135deg,#1b5e20,#43a047);color:white}.cancel{background:white;border:1px solid #c5d9f0}.invalid{border-color:#c62828!important}#jobReference{max-width:520px}
@media(max-width:991px){.vehicle{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-bar{flex-direction:column;gap:6px}.premium-grid{width:100%}.details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){dialog{width:98vw;max-height:96vh;margin:2vh auto}.modal-shell{max-height:96vh}.modal-header h1{font-size:16px}.insured,.vehicle,.details{grid-template-columns:repeat(2,minmax(0,1fr))}.full,.two{grid-column:1/-1}.premium-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-grid strong{font-size:15px}.modal-body{padding:8px}.topbar{gap:10px}.workspace{padding:10px}.brand{font-size:10px}label{font-size:13px}input:not([type=checkbox]),select{font-size:15px}.phone{grid-column:1/-1}}

/* Entry parity: measured against the authorized blank Aman form, 15 November 2026. */
@font-face{font-family:OfficeIcons;src:url('/app/assets/bootstrap-icons.woff') format('woff');font-display:block}
.icon{font-family:OfficeIcons!important;font-style:normal;font-weight:400;line-height:1;display:inline-block;vertical-align:-.125em}.phone-icon::before{content:'\f5b4'}.calculator-icon::before{content:'\f1e0'}.save-icon::before{content:'\f270'}
dialog{box-shadow:0 18px 48px #0d47a138;max-height:min(90vh,900px)}.modal-shell{max-height:min(90vh,900px)}.modal-header{min-height:46.55px}.modal-body{padding:10.4px 13.6px}.modal-header h1{font-size:18.4px}.close{border-radius:4px;font-size:28px;opacity:.8}
fieldset{margin:0 0 11.2px;padding:11.2px 12px 8.8px}legend{float:none;width:100%;font-size:16.32px;line-height:24.48px;padding:1.92px 12px;margin:0 0 7.2px}
.grid{display:flex;flex-wrap:wrap;gap:0;margin:0 -4px}.grid>label,.grid>.phone{margin-top:8px;padding:0 4px;flex:0 0 33.333333%;max-width:33.333333%}.grid>.full{flex-basis:100%;max-width:100%}.grid>.two{flex-basis:66.666667%;max-width:66.666667%}
label{display:flex;flex-direction:column;gap:3.2px;font-size:15.2px;font-weight:700;line-height:20.52px}input:not([type=checkbox]),select{height:38.85px;min-height:37.6px;font-size:16.32px;line-height:22.848px;border:2px solid #243044;padding:6.4px 10.4px}
.vehicle{display:block;margin:0}.vehicle-primary,.vehicle-secondary{display:flex;flex-wrap:wrap;margin:0 -4px}.vehicle-primary>label,.vehicle-secondary>label{margin-top:8px;padding:0 4px;min-width:0}.vehicle-primary>label{flex:0 0 25%;max-width:25%}.vehicle-secondary>label{flex:0 0 20%;max-width:20%}.vehicle-secondary>label:nth-last-child(-n+2){flex-basis:16.666667%;max-width:120px}
.details>label{flex:0 0 33.333333%;max-width:33.333333%}.details>label:nth-child(-n+2){flex-basis:16.666667%;max-width:152px}.details>label:nth-child(3),.details>label:nth-child(4){flex-basis:16.666667%;max-width:168px}
.phone{min-height:0}.phone-toggle{font-weight:400;line-height:24px;display:flex;flex-direction:row;gap:4px}.phone-toggle input{width:13px;height:13px;margin:0}.phone small{font-size:10.4px;line-height:12.48px;margin-top:1.6px}.phone input[type=tel]{margin-top:5.6px}
.premium-bar{display:block;flex:none;margin:0;padding:10.4px 12px 12px;background:linear-gradient(180deg,#fff 0%,#eef5fc 100%);border:1px solid #c5d9f0;border-left:0;border-right:0;box-shadow:0 -6px 16px #0d47a11a}
.premium-title{margin:0 0 7.2px;padding-bottom:5.6px;border-bottom:1px solid #c5d9f0;text-align:center;color:#0d47a1;font-size:16.8px;font-weight:700;line-height:25.2px}.premium-title button{border:0;background:none;color:inherit;box-shadow:none;padding:0;font:inherit;border-radius:0}.premium-title button:disabled{opacity:1}
.premium-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(131.2px,1fr));gap:7.2px;font-size:14.72px;font-weight:700;line-height:22.08px}.premium-grid>div{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:5.6px;background:white;border:1px solid #c5d9f0;border-radius:10px;padding:6.4px 5.6px 8px;color:#0f2942}.premium-grid strong{display:block;font-size:27.2px;font-weight:800;line-height:31.28px;color:white;background:#0d47a1;border-radius:8px;padding:5.6px 4px;letter-spacing:.01em;width:100%;min-width:0}.premium-grid .total{background:#e8f2fc;border-color:#1565c0;color:#0f2942}.premium-grid .total strong{background:linear-gradient(135deg,#0a3d8f,#29b6f6);font-size:32.8px;line-height:37.72px;padding:6.4px 4px}
.modal-footer{padding:8px 16px;min-height:68px;border-top:1px solid #c5d9f0;align-items:center;gap:8px}.modal-footer .save{min-height:43.2px;padding:7.2px 21.6px}.modal-footer .cancel{min-height:43.2px;padding:7.2px 18.4px}
.form-status[hidden]{display:none}.form-status{margin:0;background:#fff8e1;color:#7a5b00;padding:8px 12px}.form-status.error{background:#f8d7da;color:#842029}.touched:valid{border-color:#81c784!important}.touched:invalid{border-color:#c62828!important}
.search-control{display:block;position:relative;min-width:0}.search-control input{height:40.8px;min-height:40.8px;line-height:39.2px;padding:0 12.8px!important;padding-left:35px!important;width:100%}.search-clear{position:absolute;left:4px;top:5px;border:0;background:none;padding:0;width:27.2px;height:27.2px;color:#243044;font-size:23px;line-height:27.2px}.search-control input:disabled+.search-clear,.search-control input:placeholder-shown+.search-clear{display:none}.search-options{position:fixed;z-index:1000;max-height:240px;overflow:auto;border:2px solid #243044;border-radius:10px;background:white;box-shadow:0 14px 32px #0f294233;color:#0f2942;margin:0;padding:0;list-style:none;direction:rtl}.search-options li{min-height:42.4px;line-height:23.66px;padding:8.8px 14.4px;font-size:16.32px;font-weight:600;border-bottom:1px solid #e4eef8;cursor:pointer}.search-options li.active,.search-options li:hover{background:#e7f0fb;color:#0d47a1}.search-options li:last-child{border:0}
@media(min-width:992px){.premium-grid strong{font-size:24.8px;line-height:28.52px}.premium-grid .total strong{font-size:30.4px;line-height:34.96px}}
@media(min-width:576px) and (max-width:991.98px){.vehicle-secondary>label{flex-basis:50%;max-width:50%}.vehicle-primary>label{flex-basis:25%;max-width:25%}.details>label:nth-child(-n+4){flex-basis:25%;max-width:25%}.vehicle-secondary>label:nth-last-child(-n+2){flex-basis:25%;max-width:25%}}
@media(max-width:991.98px){.premium-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-grid .total{grid-column:1/-1}}
@media(max-width:575.98px){dialog{width:calc(100% - 9.6px);margin:4.8px auto;border-radius:12px;max-height:calc(100vh - 9.6px)}.modal-shell{max-height:calc(100vh - 9.6px)}.modal-header{padding:12px 13.6px}.modal-header h1{font-size:16.8px}.modal-body{padding:10.4px 8.8px 13.6px}fieldset{padding:10.4px 8.8px 8px}label{font-size:16px;line-height:21.6px}.grid>label,.grid>.phone,.vehicle-primary>label,.vehicle-secondary>label,.details>label{flex-basis:100%;max-width:100%}.details>label:nth-child(-n+4),.vehicle-secondary>label:nth-child(2),.vehicle-secondary>label:nth-last-child(-n+2),.vehicle-secondary>label:first-child{flex-basis:50%;max-width:50%}.vehicle-secondary>label:first-child input,.vehicle-secondary>label:nth-child(2) input{min-height:44px}.grid>.two{flex-basis:100%;max-width:100%}input:not([type=checkbox]),select{min-height:44px;font-size:17.28px}.premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-grid strong{font-size:24.8px;line-height:28.52px}.premium-grid .total strong{font-size:30.4px;line-height:34.96px}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}
fieldset{margin:-8px -4px 11.2px}.grid,.vehicle-primary,.vehicle-secondary{margin:0}

.modal-header{height:46.55px;min-height:46.55px}.search-control{height:40.8px;border:2px solid #243044;border-radius:8px;overflow:hidden}.search-control input{border:0!important;height:39.2px;min-height:39.2px}.phone-box{min-height:72px;padding:10px 12px;background:#f0f6fc;border:1px solid #c5d9f0;border-radius:10px}.phone small{font-size:12px;line-height:16px;margin-top:6px}.employee-login{width:min(620px,95vw);padding:28px}.employee-login form{display:grid;gap:15px}.employee-login small{display:block;font-size:12px}.employee-login button{background:#0d47a1;color:white}.employee-login h2{font-size:20px}.employee-login .login-result{color:#842029}.employee-login [hidden]{display:none}

.review-data{max-height:45vh;overflow:auto;white-space:pre-wrap;font:13px Tahoma,Arial;line-height:1.8}.employee-login{max-width:90vw}.employee-login label:has(input[type=checkbox]){display:flex;gap:8px}
