/* Approved customer forms. All rules are scoped to this form experience. */
.df-approved{--df-blue:#1554bd;--df-ink:#142c50;--df-border:#dce5f0;font-family:var(--content-font,Vazirmatn,Tahoma,sans-serif);color:var(--df-ink);max-width:960px;padding:28px;background:#fff;box-shadow:0 4px 18px #18315304}.df-approved *{box-sizing:border-box}.df-approved .df-intro{border:0;padding:0;margin-bottom:22px}.df-approved .df-intro h1{font-size:23px;line-height:1.7;margin:0 0 8px}.df-approved .df-intro p{font-size:13px;line-height:1.9}.df-approved h2{font-size:20px}.df-approved button{font-family:inherit;cursor:pointer}.df-approved button:disabled{cursor:default;opacity:.6}.df-approved input,.df-approved textarea,.df-approved select{font-family:inherit;line-height:1.8}.df-approved input:disabled,.df-approved textarea:disabled{background:#f2f5f9;color:#718096}.df-approved .df-field-caption{font-size:13px}.df-approved .df-input-unit{display:flex;position:relative;align-items:stretch;min-width:0}.df-approved .df-input-unit>input{width:100%;min-height:44px;padding:10px 12px;font-size:14px;border-radius:7px}.df-approved .df-unit{display:flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--df-border);border-right:0;border-radius:7px 0 0 7px;font-size:12px;background:#f6f8fc;color:#697b95}.df-approved .df-input-unit:has(.df-unit)>input{border-radius:0 7px 7px 0}.df-approved textarea{min-height:90px}.df-approved .df-check-row{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.9}.df-approved input[type=checkbox]{width:17px;height:17px;accent-color:var(--df-blue);flex:none}.df-approved .df-field>small{font-size:11px}.df-approved .df-field[data-invalid=true]>.df-input-unit input,.df-approved .df-field[data-invalid=true]>.df-select>.df-select-toggle,.df-approved .df-field[data-invalid=true]>.df-plate,.df-approved .df-field[data-invalid=true]>.df-upload{border-color:#dc5f5f}.df-mode,.df-locked{font-size:10px;padding:4px 7px;border-radius:5px;background:#edf3fc;color:#5e7493}.df-mode{display:inline-block;margin-top:8px}.df-locked{margin-right:7px;font-weight:400}.df-approved .df-selected-insurance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:8px;background:#edf4ff;border-radius:7px;font-size:13px}.df-selected-insurance button{font-size:11px;background:none;border:0;color:#1554bd;text-decoration:underline}.df-approved .df-stepnav{display:flex;flex-wrap:nowrap;gap:0;border:0;position:relative;padding:16px 0 23px;margin:0 0 20px}.df-approved .df-stepnav button{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px;padding:0 2px;border:0;background:none;color:#7f8da3;font-size:11px;line-height:1.7;position:relative;isolation:isolate}.df-approved .df-stepnav button:before{content:'';position:absolute;z-index:-1;top:13px;right:50%;width:100%;border-top:1px solid #d8e2ef}.df-approved .df-stepnav button:last-child:before{display:none}.df-approved .df-stepnav .df-step-number{width:27px;height:27px;background:#edf2f8;border:1px solid #d7e0ed;color:#71829b;font-size:12px}.df-approved .df-stepnav button.active{color:var(--df-blue);font-weight:700;background:none}.df-approved .df-stepnav button.active .df-step-number,.df-approved .df-stepnav button.completed .df-step-number{background:var(--df-blue);border-color:var(--df-blue);color:white}.df-approved .df-stepnav button.completed:before{border-color:var(--df-blue)}.df-approved .df-stepnav button.completed{color:#5d7699}.df-approved fieldset.df-step legend{font-size:18px;margin-bottom:20px}.df-approved .df-grid{gap:19px 18px}.df-approved .df-security-note{display:block;text-align:center;margin:12px 0 0;font-size:11px;color:#7c8da5}.df-approved .df-actions{flex-direction:row-reverse;border:0;padding:0;gap:10px}.df-approved .df-actions button{min-height:45px;border-radius:7px;font-size:13px}.df-approved .df-actions button:not(.secondary){background:var(--df-blue);border-color:var(--df-blue)}.df-approved .df-actions .secondary{background:white;border:1px solid var(--df-blue);color:var(--df-blue)}.df-approved .df-ref{border:0;margin:20px 0;padding:0}.df-approved .df-ref>label{font-size:13px;font-weight:600}.df-ref>small{display:block;margin-top:6px}.df-approved .df-insurance-selection p{font-size:13px;color:#697e9c}.df-insurance-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.df-insurance-list>button{display:flex;align-items:center;gap:12px;padding:15px 12px;text-align:right;border:1px solid var(--df-border);background:#fff;border-radius:8px;color:var(--df-ink);min-width:0}.df-insurance-list>button[aria-checked=true]{border-color:#2d76ed;background:#f6f9ff;box-shadow:0 0 0 1px #2d76ed0a}.df-radio-mark{width:18px;height:18px;border:1px solid #9dadc5;border-radius:50%;flex:none}.df-insurance-list>button[aria-checked=true] .df-radio-mark{border:5px solid var(--df-blue)}.df-insurance-list strong{font-size:14px}.df-insurance-list small{display:block;font-size:11px;line-height:1.8;margin-top:4px}.df-insurance-icon{margin-right:auto;font-size:22px;color:var(--df-blue)}.df-primary{display:block;width:100%;padding:12px 16px;font:inherit;font-size:13px;line-height:1.8;text-align:center;color:white;background:#1554bd;border:1px solid #1554bd;border-radius:7px;text-decoration:none}.df-secondary{display:block;width:100%;padding:11px 15px;font:inherit;font-size:13px;text-align:center;border:1px solid #1554bd;color:#1554bd;background:white;border-radius:7px;text-decoration:none}.df-approved .df-select{position:relative}.df-select-toggle{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%;padding:10px 12px;min-height:44px;text-align:right;background:white;border:1px solid #d6deea;border-radius:7px;font-size:14px;color:#183153}.df-select-arrow{margin-right:auto;color:#59738f}.df-option-chip{font-size:11px;padding:3px 7px;background:#edf3fd;border-radius:4px}.df-select-popup{position:absolute;inset:calc(100% + 5px) 0 auto 0;z-index:50;background:white;border:1px solid #cfdaea;border-radius:8px;padding:8px;box-shadow:0 7px 20px #16305218}.df-select-popup>input{font-size:12px;padding:8px;min-height:36px}.df-select-options{max-height:230px;overflow:auto;margin-top:6px}.df-select-options>button{display:block;width:100%;text-align:right;font-size:13px;padding:9px 8px;border:0;border-radius:4px;color:#314b6c;background:white}.df-select-options>button[aria-selected=true]{color:#1554bd;background:#edf4ff}.df-select-options>button:hover,.df-select-options>button:focus{background:#edf4ff}.df-select-options p{font-size:12px;padding:8px}.df-approved .df-plate{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,1.02fr) minmax(0,1.5fr) minmax(0,.85fr);gap:6px;max-width:450px;width:100%;margin:0;padding:6px 6px 6px 0;align-items:stretch;border:2px solid #162033;border-radius:7px;background:#fff;overflow:hidden;direction:ltr}.df-approved .df-plate .df-plate-band{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;background:#0752b6;color:white;border:0;width:auto;padding:8px 3px;font:9px/1.15 Arial,sans-serif;text-align:center}.df-flag{display:flex;flex-direction:column;width:22px;height:13px}.df-flag i{flex:1;background:white}.df-flag i:first-child{background:#21a856}.df-flag i:last-child{background:#e84c4c}.df-approved .df-plate input,.df-approved .df-plate select{width:100%;min-width:0;padding:5px!important;border:1px solid #bfcfe6!important;border-radius:5px!important;text-align:center;background:white;color:#111;font:700 24px/1.2 var(--content-font,Vazirmatn,Tahoma)!important;margin:0}.df-approved .df-plate select{max-width:none;font-size:19px!important;appearance:auto}.df-approved .df-plate-region{display:flex;flex-direction:column;justify-content:center;width:auto!important;border:0!important;gap:2px}.df-approved .df-plate-region small{font-size:11px;color:#111;text-align:center;margin:0}.df-approved .df-plate-region input{font-size:21px!important;min-height:34px}.df-approved .df-plate-motorcycle{grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;padding:0;gap:0;max-width:260px;margin:0 auto}.df-plate-motorcycle .df-plate-band{grid-column:1;grid-row:1;padding:7px}.df-approved .df-motor-top{grid-column:2;grid-row:1;display:flex;gap:5px;align-items:center;flex-direction:row-reverse;width:auto!important;border:0!important;padding:7px}.df-motor-top small{font-size:12px;color:#111}.df-approved .df-motor-top input{min-height:48px}.df-approved .df-motor-bottom{grid-column:1/-1;grid-row:2;border:0!important;border-top:1px solid #18243a!important;padding:6px;width:auto!important}.df-approved .df-motor-bottom input{font-size:30px!important;min-height:48px;letter-spacing:4px}.df-approved .df-upload{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px;border:1px dashed #c7d7ed;border-radius:7px;background:#fbfcff;position:relative}.df-upload input[type=file]{position:absolute;clip-path:inset(50%);width:1px!important;height:1px;min-height:0;padding:0;border:0}.df-upload-button{display:flex;gap:8px;align-items:center;font-size:12px;color:#486b9b;border:1px dashed #b9cce7;border-radius:6px;background:white;padding:10px 12px}.df-upload-button>span{font-size:23px}.df-upload-hint{font-size:10px;color:#8292a8;line-height:1.8;flex:1;min-width:120px}.df-approved .df-file{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:12px;margin-top:8px;background:white;border:1px solid #dfe7f1;border-radius:7px}.df-file-icon{font-size:24px;color:#2168d6}.df-file small{color:#24724a!important;font-size:10px}.df-approved .df-file button{border:0;background:none;color:#1554bd;padding:2px 5px;font-size:11px}.df-upload-progress{margin-top:15px;font-size:11px;color:#48648b}.df-upload-progress progress{width:100%;accent-color:#1554bd}.df-approved [data-form-summary]{border:0;background:none;padding:0;margin:0}.df-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.df-summary-group{padding:16px;border:1px solid #dfe7f1;border-radius:8px;min-width:0}.df-summary-group h3{font-size:15px;margin:0 0 12px}.df-summary-pair{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #edf1f7;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.df-summary-pair strong{font-weight:600;text-align:left;max-width:65%;white-space:pre-wrap}.df-summary-group>button{border:0;color:#1554bd;background:none;padding:12px 0 0;font-size:12px}.df-summary-files,.df-summary-referral{padding:14px;border:1px solid #dfe7f1;border-radius:8px;margin-top:14px;font-size:12px}.df-summary-files h3{margin:0 0 12px;font-size:15px}.df-summary-file{display:inline-block;padding:7px 10px;background:#f2f6fc;border:1px solid #dbe5f2;border-radius:5px;font-size:11px;max-width:100%;overflow-wrap:anywhere;margin:3px}.df-summary-referral{background:#f4f7fb;color:#586f8f}.df-approved [data-review-consent]{margin-top:20px}.df-calendar-toggle{border:1px solid #d6deea;border-right:0;color:#426a9c;background:#f6f9fd;font-size:21px;min-width:40px;border-radius:7px 0 0 7px}.df-calendar{position:absolute;top:calc(100% + 4px);right:0;z-index:60;width:min(300px,100%);background:white;border:1px solid #cfdaea;border-radius:8px;padding:12px;box-shadow:0 7px 20px #16305218}.df-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.df-calendar-head strong{font-size:12px}.df-calendar button{border:0;background:none;color:#21456f;padding:6px;font-size:12px;border-radius:5px}.df-calendar button:hover{background:#edf4ff}.df-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}.df-calendar-grid small{font-size:10px}.df-calendar-close{width:100%;margin-top:6px}.df-otp-card{max-width:440px!important;text-align:center}.df-otp-icon{font-size:38px;color:#1554bd;margin-bottom:18px}.df-phone-box{background:#f2f7ff;border-radius:7px;padding:12px;margin:18px 0}.df-phone-box strong{display:block;font-size:20px}.df-phone-box a{display:inline-block;font-size:12px;color:#1554bd;margin-top:8px}.df-otp-code{position:relative;margin:18px 0}.df-otp-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;direction:ltr;pointer-events:none}.df-otp-boxes span{display:flex;align-items:center;justify-content:center;height:52px;border:1px solid #ced9e8;border-radius:6px;background:#fff;font-size:24px;color:#142c50}.df-otp-code>input{position:absolute;inset:0;opacity:.015;caret-color:transparent;width:100%;height:100%;letter-spacing:30px;border:0;z-index:1}.df-otp-code:focus-within .df-otp-boxes span{border-color:#91b1e4}.df-resend-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin:16px 0}.df-resend-row button{border:0;border-radius:5px;color:#1554bd;background:#edf4ff;font-size:12px;padding:8px}.df-otp-card .df-secondary{margin-top:12px}.df-otp-card p{font-size:12px;line-height:2}.df-success-icon{width:60px;height:60px;margin:0 auto 22px;background:#27a650;color:white;border-radius:50%;font-size:39px;line-height:60px}.df-tracking{border:1px solid #a8c8f8;border-radius:8px;background:#f1f7ff;padding:16px;margin:20px 0}.df-tracking>small{display:block}.df-tracking strong{display:block;font:bold 24px/1.6 Arial,sans-serif;margin:6px 0}.df-tracking button{border:0;color:#1554bd;background:none;font-size:12px}.df-success-detail{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:10px 0;border-bottom:1px solid #e8eef5}.df-status-chip{color:#946011;background:#fff3dd;border-radius:5px;padding:3px 7px;font-size:11px}.df-approved [hidden]{display:none!important}@media(min-width:1000px){.page-order .public-frame:has(.df-approved){max-width:1100px!important;width:100%!important}.page-order .public-frame:has(.df-approved)>header,.page-order .public-frame:has(.df-approved)>.wave-footer{max-width:540px!important;margin-inline:auto!important}.df-approved .df-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.df-approved .df-full{grid-column:1/-1}}@media(max-width:767px){.df-approved{padding:22px 17px}.df-approved .df-intro h1{font-size:21px}.df-approved .df-grid,.df-insurance-list,.df-summary-grid{grid-template-columns:minmax(0,1fr)}.df-approved .df-full{grid-column:auto}.df-approved .df-actions{flex-direction:column-reverse}.df-approved .df-actions button{width:100%;flex:none}.df-approved .df-stepnav button{font-size:10px}.df-approved .df-plate{grid-template-columns:29px minmax(0,1fr) minmax(0,.9fr) minmax(0,1.4fr) minmax(0,.8fr);gap:5px}.df-approved .df-plate input{font-size:22px!important}.df-approved .df-plate select{font-size:17px!important}.df-approved .df-plate-motorcycle{grid-template-columns:34px minmax(0,1fr);gap:0}.df-approved .df-plate-motorcycle .df-motor-bottom input{font-size:29px!important}.df-approved .df-plate-region input{font-size:19px!important}.df-otp-boxes{gap:5px}.df-otp-boxes span{height:46px;font-size:23px}.df-tracking strong{font-size:22px}.df-approved .df-field-caption{font-size:13px}}@media(prefers-reduced-motion:reduce){.df-approved *{scroll-behavior:auto!important}}

.df-approved .df-stepnav button{justify-content:flex-start}.df-approved .df-field-caption{font-size:13px!important;color:#142c50!important;font-weight:650!important}.df-approved .df-select-toggle,.df-approved .df-field>.df-input-unit>input,.df-approved .df-field>textarea{font-size:14px!important}.df-approved .df-primary,.df-approved .df-actions button.public-button:not(.secondary){background:#1554bd!important;border-color:#1554bd!important;color:white!important}.df-approved .df-summary-edit{border:0;background:none;color:#1554bd;font-size:12px;padding:8px 0;display:block;margin-top:10px}.df-approved .df-select-options button{font-size:13px!important}.df-approved .df-security-note{font-size:11px!important}.df-approved .df-stepnav{margin-bottom:15px}.df-approved .df-otp-code input{font-size:26px!important}.df-approved .df-otp-code:has(input[aria-invalid=true]) .df-otp-boxes span{border-color:#d95a5a}



.page-order .public-frame:has(.df-approved) {
    width: 100% !important;
    max-width: 540px !important;
}

.df-approved {
    width: calc(100% - 24px) !important;
    max-width: 516px !important;
    padding: 22px 17px !important;
    margin: 18px auto !important;
}

.df-approved .df-grid,
.df-approved .df-summary-grid,
.df-approved .df-insurance-list {
    grid-template-columns: minmax(0, 1fr) !important;
}

.df-approved .df-full {
    grid-column: auto !important;
}

.df-approved .df-actions {
    flex-direction: column-reverse !important;
}

.df-approved .df-actions button {
    width: 100% !important;
    flex: none !important;
}

.df-approved .df-intro h1 {
    font-size: 21px !important;
}

.df-approved .df-stepnav button {
    font-size: 10px !important;
}

.df-approved .df-plate {
    grid-template-columns:
        29px minmax(0, 1fr) minmax(0, .9fr)
        minmax(0, 1.4fr) minmax(0, .8fr) !important;
    gap: 5px !important;
}

.df-approved .df-plate input {
    font-size: 22px !important;
}

.df-approved .df-plate select {
    font-size: 17px !important;
}

.df-approved .df-plate-region input {
    font-size: 19px !important;
}

.df-approved .df-plate-motorcycle {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 0 !important;
}

.df-approved .df-plate-motorcycle .df-motor-bottom input {
    font-size: 29px !important;
}