/* NEW (1 Oct): Laptop par "Right Settings Panel" look — right: header bar + steps 1-3 in one panel; left: Place Your Signature area.
       Sirf CSS (IDs, markup, JS wahi). Mobile (<901px) par pehle jaisa hi. */
    @media(min-width:901px){
      .sign-page{width:100%;box-sizing:border-box;max-width:1080px !important;padding-top:6px !important;display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:16px;align-items:start;}
      .sign-page::before{content:"";grid-column:2;grid-row:2 / span 3;align-self:stretch;z-index:0;background:var(--paper-2);border:1.5px solid var(--line);border-top:0;border-radius:0 0 16px 16px;}
      .sign-page::after{
        content:"Your signature placing area will appear here.\A Add your signature and a document on the right to start.";
        white-space:pre-line;grid-column:1;grid-row:2 / span 3;align-self:stretch;min-height:340px;z-index:0;
        display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink-soft);font-size:14px;font-weight:600;line-height:1.7;padding:20px;
        background:var(--paper-2);border:1.5px solid var(--line);border-radius:16px;
      }
      .sign-page > .tool-head{
        grid-column:2;grid-row:1;margin:0 !important;position:relative;z-index:3;
        display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:8px 52px;
        border-radius:16px 16px 0 0;color:#fff;
        background:linear-gradient(135deg,var(--navy),var(--navy-2));box-shadow:0 8px 20px -8px rgba(15,27,60,.55);
      }
      .sign-page > .tool-head h1{font-size:18px;margin:0;color:#fff;letter-spacing:.01em;white-space:nowrap;}
      .sign-page > .tool-head p{display:none;}
      .sign-page > .tool-head .tool-head-icon{
        display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%);
        width:40px;height:40px;border-radius:12px;font-size:20px;align-items:center;justify-content:center;
        background:linear-gradient(135deg,var(--orange),var(--gold));
      }
      .sign-page > .tool-head + .sign-step{grid-column:2;grid-row:2;margin:10px 10px 0 !important;position:relative;z-index:1;}
      .sign-page > #settings-step{grid-column:2;grid-row:3;margin:10px 10px 0 !important;position:relative;z-index:1;}
      .sign-page > #documents-step{grid-column:2;grid-row:4;margin:10px 10px 10px !important;position:relative;z-index:1;}
      .sign-page > #positioning-step{grid-column:1;grid-row:2 / span 3;margin:0 !important;position:relative;z-index:2;align-self:stretch;}
    }