*{box-sizing:border-box}html{color-scheme:light;--bg:#f5f7fb;--surface:#fff;--ink:#19202d;--muted:#687384;--line:#dde4ee;--blue:#2f80ed;--soft:#eaf2ff;scrollbar-width:none}html[data-theme=dark]{color-scheme:dark;--bg:#111315;--surface:#202326;--ink:#f5f6f8;--muted:#adb5c1;--line:#3a4048;--soft:#20334f}::-webkit-scrollbar{display:none}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 'IBM Plex Sans Arabic',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}input,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);padding:11px 14px;min-height:46px}input:focus,textarea:focus{border-color:var(--blue);outline:2px solid #2f80ed22}input[type=tel]{direction:ltr;text-align:right}textarea{resize:vertical}label{display:grid;gap:7px;font-weight:500}h1,h2,h3,p{margin:0}h1{font-size:38px;line-height:1.4;letter-spacing:-1px}h2{font-size:24px;line-height:1.5}h3{font-size:18px}p{line-height:1.8}.muted,.page-heading>p{color:var(--muted)}[hidden]{display:none!important}.delivery-header{margin:8px auto 0;padding:12px 22px;max-width:1480px;min-height:74px;background:var(--surface);border:1px solid var(--line);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 3px 9px #19202d04}.delivery-brand{font:700 24px/1.4 Arial,sans-serif;direction:ltr;white-space:nowrap}.delivery-brand span{color:var(--blue)}.delivery-header nav{display:flex;gap:20px}.delivery-header nav button{padding:8px 14px;font-weight:600;border-radius:11px}.delivery-header nav button[aria-current]{background:var(--soft);color:var(--blue)}.header-tools{display:flex;align-items:center;gap:12px;white-space:nowrap}#theme-toggle{font:26px Arial;width:40px;height:40px}.portal-main{max-width:1480px;margin:auto;padding:22px 24px 36px}.page-heading>p{font-size:20px;margin-top:5px}.shipment-steps{list-style:none;display:flex;padding:0;margin:22px 0 28px;align-items:flex-start}.shipment-steps li{width:33.33%;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;color:var(--muted)}.shipment-steps li:before{content:"";position:absolute;top:19px;height:2px;width:100%;background:var(--line);z-index:-1}.shipment-steps li:first-child:before{width:50%;left:0}.shipment-steps li:last-child:before{width:50%;right:0}.shipment-steps li>span{display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--line);border-radius:50%;background:var(--surface);font:600 17px Arial}.shipment-steps li[aria-current]{color:var(--blue)}.shipment-steps li[aria-current]>span{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 5px #2f80ed12}.shipment-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(300px,1fr);gap:24px;align-items:start}.shipment-panel{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 12px #1a2f4d03}.shipment-panel>h2{margin-bottom:22px}.shipment-panel form{display:grid;gap:18px}.two-fields,.three-fields{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.three-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:11px 22px;min-height:48px;border-radius:12px;font-weight:600;line-height:1.6}.primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}.primary:hover{filter:brightness(.96)}.secondary{background:var(--surface);border:1px solid var(--line)}.form-actions{display:flex;justify-content:space-between;gap:14px}.form-actions .primary:only-child{margin-inline-end:auto}.photo-dropzone{text-align:center;padding:20px 16px 18px;border:1px dashed var(--blue);border-radius:18px;background:linear-gradient(120deg,var(--soft),var(--surface));display:grid;justify-items:center;gap:7px}.photo-dropzone svg{width:38px;height:38px;stroke:var(--ink);fill:none;stroke-width:1.5}.photo-dropzone p{color:var(--muted)}.photo-dropzone small{font-size:12px;color:var(--muted)}.photo-dropzone .primary{margin-top:3px;padding:9px 24px}.info-note{padding:9px 14px;background:var(--soft);color:var(--blue);border-radius:11px;font-weight:500}.parcel-guidance>h2{font-size:23px;margin-bottom:20px}.parcel-guidance>img{width:100%;height:auto;aspect-ratio:1.88;object-fit:cover;border-radius:14px;display:block;margin-bottom:20px}.guidance-row{display:flex;align-items:flex-start;gap:14px;margin:18px 0}.guidance-row>span{font:26px Arial;display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;background:var(--soft);color:var(--blue);border-radius:13px}.guidance-row p{color:var(--muted);font-size:14px;line-height:1.7}.guidance-row h3{margin-bottom:2px;font-size:17px}.parcel-summary{margin:22px 0 0;border:1px solid var(--line);border-radius:10px}.parcel-summary>div{display:flex;justify-content:space-between;gap:8px;padding:8px 15px}.parcel-summary>div+div{border-top:1px solid var(--line)}.parcel-summary dt{font-weight:600}.parcel-summary dd{margin:0;color:var(--muted)}.photo-previews{display:flex;gap:12px;flex-wrap:wrap}.photo-previews:empty{display:none}.photo-preview{position:relative;width:110px;height:110px}.photo-preview img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.photo-preview button{position:absolute;inset:3px auto auto 3px;background:#fff;color:#bf253d;border-radius:50%;width:30px;height:30px;box-shadow:0 1px 6px #0002}.form-error{color:#ce3049;font-size:14px}.form-error:empty{display:none}fieldset{min-width:0;border:1px solid var(--line);padding:16px;border-radius:14px;display:grid;gap:12px}legend{padding:0 8px;font-weight:600}.map-toolbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.map-toolbar button{min-height:44px;padding:7px 12px;border:1px solid var(--line);border-radius:10px}.map-toolbar button.active{color:var(--blue);background:var(--soft);border-color:var(--blue)}.parcel-map{height:360px;border:1px solid var(--line);border-radius:15px;overflow:hidden;isolation:isolate}.radio-row{display:flex;align-items:start;gap:10px;font-weight:400}.radio-row input{width:20px;height:20px;min-height:20px;margin-top:5px;accent-color:var(--blue)}.review-lines{display:grid;gap:12px;margin-bottom:18px}.review-line{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:10px}.review-total{font-size:24px;font-weight:600;color:var(--blue);background:var(--soft);padding:16px;border-radius:12px;margin:14px 0}.delivery-footer{max-width:1480px;margin:auto;padding:16px 24px 24px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}dialog{width:min(440px,calc(100% - 32px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);padding:28px;scrollbar-width:none}dialog::backdrop{background:#16233677;backdrop-filter:blur(3px)}dialog h2{margin-bottom:8px}dialog form{display:grid;gap:16px;margin-top:20px}.dialog-close{float:inline-end;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font-size:22px}.text-button{color:var(--blue);min-height:44px}#delivery-toast{position:fixed;bottom:24px;left:24px;right:24px;max-width:600px;margin:auto;padding:14px 20px;color:#fff;background:#263345;border-radius:14px;z-index:2000;box-shadow:0 6px 24px #0002}.request-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:20px;margin-block:14px;width:100%;text-align:start}.request-row strong{font-size:19px}.status-label{padding:5px 12px;background:var(--soft);color:var(--blue);border-radius:8px;font-size:14px}.request-row small{display:block;color:var(--muted)}.empty-state{text-align:center;padding:80px 24px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.tracking-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:20px}.tracking-progress{height:9px;background:var(--line);border-radius:10px;margin:24px 0}.tracking-progress>span{display:block;height:100%;background:var(--blue);border-radius:10px;position:relative}.tracking-progress>span:after{content:'◉';position:absolute;left:-6px;top:-12px;font-size:23px;color:var(--blue)}.courier-welcome{max-width:700px;margin:60px auto;display:grid;gap:24px}.courier-welcome .primary,.courier-welcome .secondary{justify-self:start}#account-details{margin:18px 0}.tracking-photos{display:flex;gap:12px;overflow:auto;margin-block:16px}.tracking-photos img{width:130px;height:130px;object-fit:cover;border-radius:12px}@media(max-width:900px){.delivery-header{margin-inline:12px;gap:12px}.delivery-header nav{gap:2px}.delivery-header nav button{padding:8px}.delivery-brand{font-size:20px}.shipment-layout{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.shipment-panel{padding:20px}.guidance-row>span{display:none}.two-fields,.three-fields{gap:12px}.parcel-guidance>h2{font-size:20px}}@media(max-width:700px){h1{font-size:29px}.delivery-header{margin:0;border-radius:0;border-inline:0;flex-wrap:wrap;padding:12px 16px;gap:12px}.delivery-header nav{order:3;width:100%;justify-content:space-around;border-top:1px solid var(--line);padding-top:8px}.delivery-brand{font-size:21px}.header-tools{gap:2px}#account-toggle{max-width:115px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.portal-main{padding:20px 16px 28px}.page-heading>p{font-size:16px}.shipment-steps{margin:20px 0 24px;font-size:13px}.shipment-steps li>span{width:34px;height:34px}.shipment-steps li:before{top:16px}.shipment-layout,.tracking-grid{grid-template-columns:1fr}.shipment-panel{padding:20px 16px}.shipment-panel>h2{font-size:22px}.parcel-guidance{order:2}.parcel-guidance>img{max-height:200px}.guidance-row>span{display:grid}.form-actions .primary{flex:1;padding-inline:12px;font-size:15px}.two-fields{grid-template-columns:1fr}.three-fields{gap:8px}.three-fields label{font-size:13px}.three-fields input{padding-inline:9px}.photo-dropzone h3{font-size:19px}.photo-dropzone .primary{font-size:15px}.delivery-footer{padding-inline:16px}.request-row{gap:10px;flex-wrap:wrap}.parcel-map{height:330px}.tracking-grid{gap:16px}.courier-welcome{margin:20px auto}.review-total{font-size:21px}}@media(prefers-reduced-motion:no-preference){button,a,input{transition:background .15s,border-color .15s,box-shadow .15s}}
/* Form proportions follow the complete primary-screen concept. */
label{font-weight:600}input,textarea{padding:9px 14px;line-height:1.55}.portal-main{padding-top:18px}.shipment-panel form{gap:16px}.shipment-steps{margin-top:18px;margin-bottom:24px}.photo-dropzone{padding:16px}.photo-dropzone h3{font-size:20px}.guidance-row p{font-size:15px}.form-actions .primary{font-size:18px}.photo-dropzone small{line-height:1.5}.page-heading>p{line-height:1.5}@media(max-width:700px){.form-actions .primary{font-size:15px}.portal-main{padding-top:20px}}
.delivery-header{width:calc(100% - 48px)}.guidance-row>span>svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:700px){.delivery-header{width:100%}}