/* New draft components only. The copied approved styles are unchanged. */
.draft-door-heading{font-size:13px;margin:14px 0 8px;display:flex;justify-content:space-between;gap:8px;align-items:baseline}.draft-door-heading small{font-size:11px;color:var(--muted);font-weight:400}.draft-door-options{display:grid;gap:7px}.draft-door-options .payment{gap:12px;text-align:start;line-height:1.45}.draft-door-options .payment>span:first-child{min-width:0}.draft-door-options .radio-dot{flex:none}.draft-caption{font-size:12px;line-height:1.6;color:var(--muted);margin:9px 0 0}.draft-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.4;font-weight:700;padding:6px 10px;border-radius:99px;background:var(--soft,#edf8fc);color:var(--blue-dark,#087fa4)}.draft-status.unpaid{background:#fff1e4;color:#8c4b10}.draft-status.paid{background:#e5f5ec;color:#246d4c}.draft-note{font-size:13px;line-height:1.6;margin:0}.draft-card-row{display:flex;align-items:center;gap:10px}.draft-card-row>span{flex:1}.draft-card-row small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.draft-card-mark{display:grid;place-items:center;flex:none;width:42px;height:31px;border:1px solid var(--line);border-radius:6px;font:700 11px Arial;color:#1b4670;background:#fff}.draft-action-stack{display:grid;gap:9px}.draft-amount{font-size:31px;font-weight:700;letter-spacing:-.5px;margin:12px 0 18px}.draft-payment-option{display:flex;align-items:center;justify-content:center;gap:9px;min-height:49px}.draft-apple-pay{background:#000!important;color:#fff!important;box-shadow:none!important}.draft-apple-pay img{width:40px;height:40px;object-fit:contain}.draft-apple-pay{padding:6px 17px;min-height:52px}.draft-secondary{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important}.draft-link{background:none;border:0;color:var(--blue-dark,#087fa4);font:inherit;font-size:13px;font-weight:700;min-height:44px;padding:8px}.draft-rule{height:1px;background:var(--line);margin:14px 0}.draft-modal-backdrop{position:absolute;inset:0;z-index:20;background:#0f2d3d66;display:flex;align-items:flex-end;padding:12px 12px 22px}.draft-modal{width:100%;background:#fff;border-radius:23px;padding:23px 20px;box-shadow:0 10px 40px #0f2d3d26}.draft-modal h2{font-size:23px;line-height:1.25;margin:0 0 12px}.draft-modal p{font-size:14px;line-height:1.6;margin:0 0 18px}.draft-modal .draft-action-stack{margin-top:20px}.draft-proof-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:13px;background:#e4edf0}.draft-photo-caption{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;line-height:1.5;margin:7px 0 0}.draft-proof-metadata{display:grid;gap:8px;margin:17px 0;font-size:13px}.draft-proof-metadata>div{display:flex;justify-content:space-between;gap:12px}.draft-proof-metadata span{color:var(--muted)}.draft-proof-empty{min-height:185px;display:grid;align-content:center;justify-items:center;gap:10px;border:1px solid var(--line);background:var(--pale);border-radius:13px;padding:24px;text-align:center}.draft-proof-empty strong{font-size:16px}.draft-proof-empty p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.draft-inbox-tag{font-weight:700;font-size:11px;color:var(--blue-dark)}.draft-camera{position:relative;background:#293c45;border-radius:18px;overflow:hidden}.draft-camera>img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.draft-camera-tag{position:absolute;inset-block-start:12px;inset-inline-start:12px;background:#fffdf0e8;color:#405663;padding:5px 9px;border-radius:7px;font-size:11px}.draft-shutter{display:block;margin:18px auto 8px;width:70px;height:70px;min-height:70px!important;border-radius:50%;border:5px solid #fff;outline:2px solid #80b9cc;background:var(--blue);box-shadow:0 3px 13px #11324a33}.draft-camera-actions{display:flex;justify-content:center;gap:20px}.draft-wait-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#e7f7fc;color:var(--blue);margin:3px 0;font-size:29px}.draft-driver-actions{display:grid;gap:10px;margin-top:auto;padding-top:10px}.draft-driver-secondary{width:100%;background:#fff;color:#087da3;border:1px solid #b9dfe9;border-radius:15px;min-height:54px;padding:13px;font-size:16px;font-weight:800}.draft-driver-warning{background:#fff3e8;border:1px solid #f0d8ba;border-radius:14px;padding:13px;color:#80501d;font-size:13px;line-height:1.6}.draft-driver-proof .draft-proof-image{aspect-ratio:4/3}.draft-driver-proof .draft-photo-caption{font-size:11px}.draft-photo-required{border:2px dashed #a3d9e9;border-radius:18px;background:#e9f9fe;min-height:180px;display:grid;place-content:center;justify-items:center;gap:11px;padding:20px;color:#147a9b;text-align:center}.draft-photo-required p{font-size:14px;line-height:1.5;margin:0}.draft-cash-amount{font-size:30px!important;text-align:center;width:100%;border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--ink);background:#fff}.draft-error{font-size:13px;line-height:1.6;color:#ad3545;margin:0;min-height:0}.draft-menu{display:grid;gap:8px}.draft-menu button{width:100%;text-align:start}.draft-order-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.draft-icon-round{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--soft,#e7f7fc);color:var(--blue);margin-bottom:12px}.draft-safe{font-size:12px;line-height:1.6;color:var(--muted)}
html[lang=ar] .draft-door-heading,html[lang=ar] .draft-card-row,html[lang=ar] .draft-proof-metadata,html[lang=ar] .draft-photo-caption{direction:rtl}html[lang=ar] .draft-modal{text-align:right;direction:rtl}html[lang=ar] .draft-modal h2{font-size:22px;line-height:1.6}html[lang=ar] .draft-door-heading{line-height:1.7}html[lang=ar] .draft-driver-secondary{font-size:17px;line-height:1.5}html[lang=ar] .draft-proof-metadata>div{line-height:1.7}.draft-apple-pay{direction:ltr}
@media (min-width:768px) and (min-height:760px){html[lang=ar] .pd-proof-page .page-scroll{padding-bottom:144px}html[lang=ar] .pd-proof-page .draft-photo-caption{margin-top:3px}html[lang=ar] .pd-proof-page .draft-proof-metadata{margin:6px 0}}
@media (min-width:768px) and (max-height:780px){html[lang=ar] .pd-proof-page{overflow-y:auto}html[lang=ar] .pd-proof-page .page-scroll{height:auto;overflow:visible;padding-bottom:0}html[lang=ar] .pd-proof-page .sticky-actions{position:static}}
@media(max-width:390px){.draft-modal{padding:20px 17px}.draft-modal h2{font-size:22px}.draft-modal-backdrop{padding:9px 9px 18px}.draft-photo-caption{flex-wrap:wrap}.draft-door-heading small{max-width:55%;text-align:end}}

.draft-camera-symbol{display:block;position:relative;width:36px;height:27px;border:2px solid currentColor;border-radius:5px;margin:5px 0}.draft-camera-symbol:before{content:"";position:absolute;top:-6px;left:8px;width:15px;height:5px;background:currentColor;border-radius:3px 3px 0 0}.draft-camera-symbol i{position:absolute;width:12px;height:12px;border:2px solid currentColor;border-radius:50%;left:10px;top:5px}

/* Keep new modal content reachable at short phone heights. */
.draft-modal{max-height:calc(100dvh - 48px);overflow-y:auto}