.contrast-btn{
      display:block;width:100%;margin-top:6px;padding:6px 8px;border-radius:8px;
      background:var(--blue-light);color:var(--blue);border:1px solid var(--blue);
      font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;
    }
    .aadhaar-mini-slot-wrap{flex:1;}

    /* ZAROORI: Ab poori screen (fixed inset:0, koi bhi padding-max-
       width seemaa nahi) — image jitni badi ho sake utni saaf dikhe */
    .contrast-modal-overlay{
      position:fixed;inset:0;z-index:210;background:rgba(10,14,28,0.85);
      display:flex;align-items:center;justify-content:center;
      opacity:0;pointer-events:none;transition:opacity .2s ease;
    }
    .contrast-modal-overlay.open{opacity:1;pointer-events:auto;}
    .contrast-modal-box{
      background:var(--paper);border-radius:0;padding:16px;width:100%;height:100%;
      display:flex;flex-direction:column;
      /* ZAROORI FIX (8 Sept, BAHUT ZAROORI) — Customer ne pakdi: agar
         screen chhoti ho (ya browser zoom kiya ho), to modal ke andar
         ka poora content (photo + buttons) box ki height se bahar
         nikal jaata tha — "Save"/"Ho Gaya" button GAAYAB ho jaate the,
         kahin scroll bhi nahi milta tha unhe dhoondhne ke liye! Ab
         poora modal khud SCROLLABLE hai — chahe content jitna bhi ho,
         andar hi andar scroll karke SAB KUCH (buttons samet) hamesha
         mil jaayega, kabhi "gum" nahi hoga. */
      overflow-y:auto;
    }
    @media(min-width:640px){
      .contrast-modal-box{border-radius:18px;max-width:560px;max-height:85vh;height:auto;}
    }
    .contrast-modal-head{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:15px;color:var(--ink);margin-bottom:6px;flex-shrink:0;}
    .contrast-modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--ink-soft);}
    .contrast-mode-toggle{display:flex;gap:8px;margin:12px 0 8px;flex-shrink:0;}
    .contrast-mode-btn{
      flex:1;padding:10px 8px;border:1.5px solid var(--line);border-radius:10px;
      background:var(--paper);color:var(--ink-soft);font-family:inherit;font-size:11.5px;font-weight:700;
      cursor:pointer;transition:.15s;
    }
    .contrast-mode-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;}
    .contrast-modal-hint{font-size:11.5px;color:var(--ink-soft);margin:0 0 10px;flex-shrink:0;}

    /* ZAROORI (7 Sept): Save dabaane par, "makkhan jaisa smooth"
       (butter-smooth) ek chhota checkmark-pop graphic-animation —
       turant, saaf confirmation. Customer ne kaha baaki SAB KUCH
       (Isi Hisse Ka/Isse Bachaiye, selection-box, sliders) BILKUL
       PEHLE JAISA hi rehne dena tha — sirf yahi animation add karna tha. */
    .contrast-save-success{
      position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
      pointer-events:none;opacity:0;
    }
    .contrast-save-success.show{opacity:1;}
    .contrast-save-success-circle{
      width:64px;height:64px;border-radius:50%;background:#1E9E62;color:#fff;font-size:32px;
      display:flex;align-items:center;justify-content:center;
      transform:scale(0);
    }
    .contrast-save-success.show .contrast-save-success-circle{
      animation:contrastSuccessPop .6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    }
    @keyframes contrastSuccessPop{
      0%{transform:scale(0);opacity:0;}
      50%{transform:scale(1.15);opacity:1;}
      100%{transform:scale(1);opacity:1;}
    }

    .contrast-preview-wrap{
      position:relative;background:#111;border-radius:10px;overflow:hidden;
      flex:1;min-height:0;display:flex;align-items:center;justify-content:center;margin-bottom:14px;
      touch-action:none;
    }
    .contrast-preview-wrap img{
      position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
      pointer-events:none;
    }
    @media(min-width:640px){
      /* ZAROORI FIX: Desktop par (jahan modal-box "height:auto" leta
         hai), "flex:1" ke paas bharne ke liye koi "bachi hui jagah"
         nahi hoti — isliye yahan seedha ek TAY (min-height:320px)
         di jaati hai, taaki photo aur selection-box HAMESHA dikhein. */
      .contrast-preview-wrap{min-height:320px;}
    }
    #contrast-modal-img-filtered{transition:filter .05s;}

    .contrast-modal-slider-row{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--ink-soft);margin-bottom:6px;flex-shrink:0;}
    .contrast-modal-slider-row input{flex:1;}

    /* ZAROORI FIX (4 Sept): "Contrast Curves" ki jagah — RGB Color
       Balance ke teen sliders (Red/Green/Blue). */
    .rgb-balance-row{padding:4px 2px 8px;flex-shrink:0;}
    .rgb-slider-group{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
    .rgb-slider-group label{font-size:14px;font-weight:800;color:var(--ink);width:56px;flex-shrink:0;}
    .rgb-slider-group input[type="range"]{flex:1;}
    .rgb-slider-value{font-size:11.5px;font-weight:800;color:var(--blue);width:40px;text-align:right;flex-shrink:0;}
    .rgb-reset-btn{
      display:block;margin:6px auto 0;padding:6px 14px;border:1px solid var(--line);border-radius:20px;
      background:var(--paper);font-family:inherit;font-size:11.5px;font-weight:700;color:var(--ink-soft);cursor:pointer;
    }
    .contrast-saved-msg{
      text-align:center;font-size:12px;font-weight:700;color:var(--green);
      background:var(--green-light, #E8F8EE);padding:8px 10px;border-radius:8px;margin:0 0 12px;flex-shrink:0;
    }
    .contrast-modal-btns{
      display:flex;gap:10px;flex-shrink:0;
      /* ZAROORI FIX (8 Sept): Buttons ab hamesha NEECHE, DIKHTE hue
         "chipke" rehte hain — chahe upar ka content kitna bhi scroll
         karna pade, "Save"/"Ho Gaya" hamesha seedha saamne milega. */
      position:sticky;bottom:-16px;background:var(--paper);
      margin:0 -16px -16px;padding:12px 16px 16px;
    }
    .contrast-modal-btns button{flex:1;padding:14px;border-radius:10px;border:none;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;}