/* PRONTO FLUX — recebimento de aparelhos e autorização de crédito
   Estilos locais, sem alterar os cadastros ou lógica de pagamentos. */
.modal.trade-modal{
 width:min(990px,calc(100vw - 28px))!important;
 max-width:990px!important;max-height:min(94dvh,1000px)!important;
 display:flex;flex-direction:column;overflow:hidden;
 color:#f6f3f5;background:#111014!important;
 border:1px solid #4d3139!important;border-radius:18px!important;
 box-shadow:0 32px 90px #000b,0 0 0 1px #fc40540c!important
}
.trade-modal .modal-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
 background:#151217;border-bottom:1px solid #392b31;padding:17px 24px!important;gap:14px}
.trade-modal .modal-head h2{font-size:16px!important;font-weight:850;letter-spacing:-.025em}
.trade-modal .modal-head .close-x{flex:0 0 35px;color:#c9aeba;border:1px solid #4c3a42;
 background:#282027;border-radius:10px;width:35px;height:35px}
.trade-modal .modal-head .close-x:hover{background:#51242b;color:#fff}
.trade-modal .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;
 padding:0 22px 24px!important;scrollbar-width:thin;scrollbar-color:#79424b #151216}
.trade-modal .modal-foot{flex:0 0 auto;background:#171319;border-top:1px solid #4d3038;
 padding:14px 24px!important;display:flex;align-items:center;justify-content:flex-end;gap:10px}
.trade-modal .modal-foot .btn{min-height:43px;padding:10px 20px;border-radius:10px;
 font-weight:800;letter-spacing:.015em;box-shadow:none}
.trade-modal .modal-foot .btn.primary{background:#d71920!important;border:1px solid #e1262d!important;color:#fff!important}
.trade-modal .modal-foot .btn.primary:hover{background:#e1262d!important}
.trade-modal .modal-foot .btn.secondary{background:#282127;color:#eee;border:1px solid #55404a}
.trade-modal .modal-foot .btn:focus-visible{outline:2px solid #ff6872;outline-offset:3px}

#tradeWizard{min-width:0}
.trade-modal .pf-trade-hero{display:flex;align-items:center;gap:15px;min-width:0;padding:23px 0 19px}
.trade-modal .pf-trade-hero-icon{width:50px;height:50px;border-radius:15px;flex:0 0 50px;
 display:grid;place-items:center;background:linear-gradient(135deg,#a20e18,#e1262d);color:#fff;
 font-size:26px;font-weight:850;box-shadow:0 6px 26px #d7192022}
.trade-modal .pf-trade-hero-copy{min-width:0;flex:1;display:grid;gap:5px}
.trade-modal .pf-trade-hero-copy>span{color:#ff9ea6;font-size:10px;font-weight:850;letter-spacing:.12em}
.trade-modal .pf-trade-hero-copy h3{margin:0;color:#fff;font-size:23px;line-height:1.25;letter-spacing:-.035em}
.trade-modal .pf-trade-hero-copy p{margin:0;color:#cbbdc3;font-size:12px;line-height:1.65}
.trade-modal .pf-trade-hero-counter{align-self:center;flex:0 0 auto;padding:9px 13px;
 border-radius:11px;border:1px solid #6d333e;background:#32161f;color:#ff9aa3;font-size:16px;font-weight:900}
.trade-modal .pf-trade-hero-counter b{font-size:11px;color:#bca0a7}
.trade-modal .pf-trade-track{height:4px;overflow:hidden;border-radius:999px;background:#33252b;margin-bottom:16px}
.trade-modal .pf-trade-track>span{display:block;height:100%;border-radius:inherit;
 background:linear-gradient(90deg,#a90f15,#f23e4a);transition:width .2s ease}
.trade-modal .trade-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
 gap:10px;margin:0 0 21px}
.trade-modal .trade-step{min-width:0;position:relative;display:flex;align-items:center;justify-content:flex-start;
 gap:10px;text-align:left;background:#1b181e;border:1px solid #393038;border-radius:12px;
 padding:10px 12px;color:#998d95;font-size:11px;font-weight:800;min-height:49px}
.trade-modal .trade-step:not(:last-child):after{display:none}
.trade-modal .trade-step i{position:static;z-index:1;flex:0 0 26px;width:26px;height:26px;min-width:26px;
 display:grid;place-items:center;background:#322c34;border:1px solid #53424b;border-radius:8px;
 color:#c6bac0;font-size:11px;font-style:normal}
.trade-modal .trade-step.active{border-color:#d71920;background:linear-gradient(105deg,#441920,#21191e);color:#fff}
.trade-modal .trade-step.active i{background:#d71920;border-color:#e1262d;color:#fff}
.trade-modal .trade-step.done{color:#efdadd;border-color:#55383f}
.trade-modal .trade-step.done i{background:#263e33;color:#9ce2bf;border-color:#3d8060}
.trade-modal .trade-step>span{overflow-wrap:anywhere;line-height:1.35}
.trade-modal .trade-step-body{padding:0;min-height:260px}
.trade-modal .trade-hint{display:flex;flex-direction:column;gap:6px;padding:16px 19px;margin:0 0 17px;
 border-radius:12px;border:1px solid #59333b;
 background:linear-gradient(100deg,#351820,#221a20);color:#f8e6e9}
.trade-modal .trade-hint b{font-size:14px;font-weight:800}
.trade-modal .trade-hint span{font-size:12px;color:#dbc7cd;line-height:1.6}
.trade-modal .trade-hint.warn{border-color:#8e5035;background:linear-gradient(110deg,#36251f,#20191a)}
.trade-modal .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.trade-modal .form-grid>.field{min-width:0;display:flex;flex-direction:column;gap:7px}
.trade-modal .form-grid>.field.full{grid-column:1/-1}
.trade-modal .field label{font-size:11px;line-height:1.45;color:#dfcbd2;font-weight:750;letter-spacing:.012em}
.trade-modal .field input.input,.trade-modal .field select.select,.trade-modal .field textarea.textarea,
.trade-modal .form-grid .input,.trade-modal .form-grid .select,.trade-modal .form-grid .textarea{
 width:100%;max-width:100%;box-sizing:border-box;background:#221f25!important;
 border:1px solid #453842!important;color:#f6f2f3!important;
 min-height:42px;border-radius:10px!important;padding:10px 12px!important;
 font-size:13px!important;box-shadow:none!important
}
.trade-modal textarea.textarea{min-height:90px;resize:vertical}
.trade-modal .field input:focus,.trade-modal .field textarea:focus,.trade-modal .field select:focus{
 outline:2px solid #e1262d55!important;border-color:#e1262d!important
}
.trade-modal .field .input-action{display:flex;align-items:stretch;gap:7px;flex-wrap:wrap}
.trade-modal .field .input-action .input{min-width:150px;flex:1 1 250px}
.trade-modal .field .input-action button{flex:0 0 auto;border-radius:9px;font-size:11px;white-space:nowrap}
.trade-modal .field small.muted{line-height:1.6;color:#a99da5!important}
.trade-modal .trade-photo-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.trade-modal .trade-photo-grid figure,.trade-modal .trade-photo-add{width:102px;height:108px;
 border:1px dashed #6b4650;border-radius:13px;background:#211b23;overflow:hidden;margin:0}
.trade-modal .trade-photo-grid figure img{width:100%;height:100%;object-fit:cover}
.trade-modal .trade-photo-grid figure button{background:#931824;color:#fff;border:1px solid #f9bcc6}
.trade-modal .trade-photo-add{color:#e6cfd3;display:grid;place-items:center;align-content:center;gap:5px;font-size:23px}
.trade-modal .trade-photo-add:hover{background:#361f29;border-color:#d71920}
.trade-modal .trade-photo-add span{font-size:11px;font-weight:750}
.trade-modal .trade-anatel,.trade-modal .trade-term-preview{border:1px solid #3f363f;border-radius:13px;
 padding:15px 16px;background:#1b1a20;margin-top:17px;gap:12px}
.trade-modal .trade-anatel>div{min-width:0;display:grid;gap:5px}
.trade-modal .trade-anatel b,.trade-modal .trade-term-preview b{color:#f7edf0;font-size:13px}
.trade-modal .trade-anatel span,.trade-modal .trade-term-preview p{font-size:12px;line-height:1.6;color:#bdaeb7}
.trade-modal .trade-security-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.trade-modal .trade-security-list label,.trade-modal .trade-check{
 border:1px solid #483b43;border-radius:11px;background:#221d24;padding:13px;gap:10px;
 color:#e7dbe0;line-height:1.5;font-size:12px
}
.trade-modal input[type=checkbox]{accent-color:#d71920;width:16px;height:16px;flex:0 0 16px}
.trade-modal .section-title{font-size:13px;color:#f3e8ea;font-weight:850;margin:20px 0 13px}
.trade-modal .trade-physical-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.trade-modal .trade-physical-grid>div{display:grid;grid-template-columns:minmax(0,1fr) 145px;
 gap:12px;border:1px solid #3e343c;background:#1d1b21;border-radius:10px;padding:10px;min-width:0}
.trade-modal .trade-physical-grid label{font-size:12px;color:#e4d4db}
.trade-modal .trade-physical-grid .select{min-width:0;width:100%;padding:8px;border-radius:8px}
.trade-modal .trade-credit{font-size:25px!important;color:#fff!important;font-weight:900;border-color:#a13b45!important;
 background:#271c24!important;min-height:55px!important}
.trade-modal .trade-summary{border-radius:13px;border-color:#6d444d;background:#2a2028;padding:16px;align-items:flex-start}
.trade-modal .trade-summary strong{font-size:20px;color:#f8fcfa;white-space:normal;text-align:right}
.trade-modal .trade-summary span{color:#f499a1;font-size:10px}
.trade-modal .trade-summary b{font-size:14px}
.trade-modal .trade-summary small{font-size:11px;line-height:1.5}
.trade-modal .trade-summary-actions .btn{border-radius:9px}
.trade-modal .trade-check{display:flex;align-items:center;margin:14px 0}
.trade-modal .trade-anatel-extra{opacity:.8}

/* A confirmação de crédito mantém a sessão operacional do vendedor. */
.modal.pf-credit-approval-modal{width:min(560px,calc(100vw - 24px))!important;
 background:#151318!important;border:1px solid #60343d!important;border-radius:16px!important;
 color:#f5eef1;box-shadow:0 26px 72px #000b}
.pf-credit-approval-modal .modal-head{background:#1c171e;border-bottom:1px solid #4d313a;padding:17px 20px}
.pf-credit-approval-modal .modal-head h2{font-size:16px}
.pf-credit-approval-modal .modal-body{padding:20px!important;max-height:70vh;overflow-y:auto}
.pf-credit-approval-modal .modal-foot{display:flex;gap:10px;justify-content:flex-end;
 background:#19151b;border-top:1px solid #4a333c;padding:14px 20px}
.pf-credit-approval-modal .modal-foot .btn{min-height:43px;border-radius:10px;font-weight:800}
.pf-credit-approval-modal .modal-foot .btn.primary{background:#d71920!important;color:#fff!important}
.pf-credit-approval-modal .modal-foot .btn.primary:hover{background:#e1262d!important}
.pf-credit-approval{display:grid;gap:15px}
.pf-credit-hero{display:flex;align-items:flex-start;gap:13px;background:linear-gradient(105deg,#401821,#23191f);
 border:1px solid #763541;border-radius:13px;padding:16px}
.pf-credit-lock{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;
 background:#d71920;color:#fff;font-weight:900}
.pf-credit-hero>div:last-child{min-width:0;display:grid;gap:5px}
.pf-credit-hero span{font-size:10px;letter-spacing:.09em;font-weight:850;color:#ffb1b9}
.pf-credit-hero h3{margin:0;font-size:20px;color:#fff}
.pf-credit-hero p{margin:0;color:#e3cbd1;font-size:12px;line-height:1.65}
.pf-credit-client{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pf-credit-client>div{min-width:0;display:grid;gap:7px;background:#221f25;border:1px solid #45343e;border-radius:10px;padding:12px}
.pf-credit-client small{font-size:10px;font-weight:800;color:#c4acb5}
.pf-credit-client strong{font-size:13px;overflow-wrap:anywhere}
.pf-credit-fields{display:grid;gap:14px}
.pf-credit-fields .field{display:grid;gap:7px}
.pf-credit-fields label{font-size:12px;color:#e6d4da;font-weight:750}
.pf-credit-fields .input{width:100%;box-sizing:border-box;min-height:45px;border-radius:10px;
 background:#242028!important;border:1px solid #563b47!important;color:#fff!important;padding:11px 13px!important}
.pf-credit-fields .input:focus{outline:2px solid #e1262d55!important;border-color:#e1262d!important}
.pf-credit-safe-note{font-size:11px;line-height:1.6;color:#c4b2ba;
 border-left:3px solid #d71920;padding:10px 12px;background:#211c23;border-radius:4px 9px 9px 4px}

@media(max-width:760px){
 .modal.trade-modal{width:calc(100vw - 12px)!important;max-height:98dvh!important;border-radius:13px!important}
 .trade-modal .modal-body{padding:0 14px 18px!important}
 .trade-modal .modal-head{padding:13px 15px!important}
 .trade-modal .modal-foot{padding:11px 14px!important}
 .trade-modal .pf-trade-hero{padding:18px 0 14px;gap:10px}
 .trade-modal .pf-trade-hero-icon{width:42px;height:42px;flex-basis:42px}
 .trade-modal .pf-trade-hero-copy h3{font-size:18px}
 .trade-modal .pf-trade-hero-copy p{font-size:11px}
 .trade-modal .trade-steps{gap:6px}
 .trade-modal .trade-step{display:grid;justify-items:center;text-align:center;gap:5px;padding:9px 4px;font-size:10px}
 .trade-modal .trade-step i{width:24px;height:24px;flex-basis:24px}
 .trade-modal .form-grid{gap:12px}
 .trade-modal .trade-security-list{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:530px){
 .trade-modal .form-grid{grid-template-columns:minmax(0,1fr)}
 .trade-modal .trade-physical-grid{grid-template-columns:minmax(0,1fr)}
 .trade-modal .trade-physical-grid>div{grid-template-columns:minmax(0,1fr) 136px}
 .trade-modal .pf-trade-hero-counter{font-size:13px;padding:7px 9px}
 .trade-modal .trade-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
 .trade-modal .trade-step>span{font-size:9px}
 .trade-modal .modal-foot .btn{padding:9px 11px;font-size:11px}
 .trade-modal .trade-anatel{flex-wrap:wrap}
 .trade-modal .trade-summary{flex-wrap:wrap}
 .trade-modal .trade-summary strong{text-align:left}
 .pf-credit-client{grid-template-columns:minmax(0,1fr)}
 .pf-credit-approval-modal .modal-body{padding:15px!important}
}