/* ============================================================
   PDF Brightness & Crop (18 Sept, NAYA TOOL)
   ============================================================ */

.pbc-hint{font-size:12.5px;color:var(--ink-soft);line-height:1.6;margin:8px 0 0;}

.pbc-password-field{max-width:280px;margin:0 auto 14px;display:block;text-align:center;}

/* ---- Spinner ---- */
.pbc-spinner{
  width:38px;height:38px;margin:0 auto;border-radius:50%;
  border:3.5px solid var(--line);border-top-color:var(--orange,#F2782F);
  animation:pbcSpin .8s linear infinite;
}
@keyframes pbcSpin{to{transform:rotate(360deg);}}

/* ---- Page-thumbnails ki patti ---- */
.pbc-thumbs{
  display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;
  -webkit-overflow-scrolling:touch;
}
.pbc-thumb{
  flex:0 0 auto;width:74px;cursor:pointer;border:2px solid var(--line);
  border-radius:9px;overflow:hidden;background:var(--paper-2);
  transition:border-color .15s, transform .12s;position:relative;
}
.pbc-thumb img{width:100%;height:auto;display:block;}
.pbc-thumb.active{border-color:var(--orange,#F2782F);transform:translateY(-2px);}
.pbc-thumb.edited::after{
  content:"✓";position:absolute;top:3px;right:4px;
  background:var(--green,#1E9E62);color:#fff;font-size:10px;font-weight:700;
  width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;
}
.pbc-thumb-num{
  font-size:10.5px;text-align:center;padding:3px 0;color:var(--ink-soft);
  background:var(--paper);font-weight:700;
}

/* ---- Editor ka upar wala hissa ---- */
.pbc-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.pbc-editor-tools{display:flex;gap:6px;flex-wrap:wrap;}
.pbc-icon-btn{
  background:var(--paper-2);border:1.5px solid var(--line);border-radius:8px;
  padding:7px 11px;font-size:13px;font-weight:700;cursor:pointer;color:var(--ink);
  transition:background .15s, border-color .15s, transform .1s;
}
.pbc-icon-btn:hover{background:rgba(242,120,47,0.12);border-color:var(--orange,#F2782F);color:var(--orange,#F2782F);}
.pbc-icon-btn:active{transform:scale(0.94);}
.pbc-icon-btn:disabled{opacity:0.4;cursor:not-allowed;}
.pbc-icon-btn:disabled:hover{background:var(--paper-2);border-color:var(--line);color:var(--ink);}

/* ---- Page + drag-crop ---- */
.pbc-canvas-wrap{
  position:relative;display:inline-block;max-width:100%;margin-top:12px;
  line-height:0;background:var(--paper-2);border-radius:10px;overflow:hidden;
  user-select:none;-webkit-user-select:none;touch-action:none;
}
.pbc-canvas-wrap img{max-width:100%;height:auto;display:block;}

.pbc-sel{
  position:absolute;border:2px dashed var(--orange,#F2782F);
  background:rgba(242,120,47,0.10);cursor:move;box-sizing:border-box;
}
.pbc-handle{
  position:absolute;width:16px;height:16px;background:#fff;
  border:2.5px solid var(--orange,#F2782F);border-radius:50%;
}
.pbc-h-nw{left:-9px;top:-9px;cursor:nwse-resize;}
.pbc-h-ne{right:-9px;top:-9px;cursor:nesw-resize;}
.pbc-h-sw{left:-9px;bottom:-9px;cursor:nesw-resize;}
.pbc-h-se{right:-9px;bottom:-9px;cursor:nwse-resize;}

/* ---- Controls ---- */
.pbc-control-row{margin-top:16px;}
.pbc-label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:8px;}
.pbc-slider-row{display:flex;align-items:center;gap:12px;}
.pbc-slider-row input[type=range]{flex:1;accent-color:var(--orange,#F2782F);}
.pbc-value{
  font-size:13px;font-weight:700;color:var(--orange,#F2782F);
  min-width:52px;text-align:right;
}
.pbc-check{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13.5px;color:var(--ink);}
.pbc-check input{width:17px;height:17px;accent-color:var(--orange,#F2782F);}

.pbc-a4-opts{display:flex;gap:7px;flex-wrap:wrap;}
.pbc-a4-btn, .pbc-orient-btn{
  background:var(--paper-2);border:1.5px solid var(--line);border-radius:8px;
  padding:8px 13px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--ink);
  transition:background .15s, border-color .15s, color .15s;
}
.pbc-a4-btn:hover, .pbc-orient-btn:hover{border-color:var(--orange,#F2782F);}
.pbc-a4-btn.active, .pbc-orient-btn.active{
  background:var(--orange,#F2782F);border-color:var(--orange,#F2782F);color:#fff;
}

/* ---- Neeche wala TAAZA A4 page ---- */
.pbc-a4-preview-wrap{
  display:flex;justify-content:center;padding:14px;
  background:var(--paper-2);border-radius:12px;margin-top:10px;
}
.pbc-a4-canvas{
  max-width:100%;height:auto;background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,0.18);border-radius:3px;
}
html.dark-mode .pbc-a4-canvas{box-shadow:0 4px 22px rgba(0,0,0,0.6);}

@media(max-width:560px){
  .pbc-editor-head{flex-direction:column;align-items:flex-start;}
  .pbc-editor-tools{width:100%;}
  .pbc-icon-btn{flex:1;text-align:center;}
  .pbc-thumb{width:62px;}
}

/* ---- (8 Oct) EK HI DASHBOARD: baayen crop, daayen sticky panel (Settings + A4 preview + Print + Create PDF) ---- */
.pbc-settings-title{display:none;}
.pbc-box-title{font-size:13.5px;font-weight:800;color:var(--navy);margin:0 0 8px;}
.pbc-side{display:flex;flex-direction:column;gap:14px;margin-top:16px;}
.pbc-settings{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper-2,#f7f8fb);padding:0 14px 14px;}
.pbc-settings .pbc-control-row{margin-top:12px;}
.pbc-preview{border:1px solid var(--line);border-radius:14px;background:var(--paper-2,#f7f8fb);padding:12px;}
.pbc-preview .pbc-a4-preview-wrap{margin-top:0;padding:8px;}
.pbc-actions{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper-2,#f7f8fb);padding:12px;}
.pbc-actions-final{border-top:1px dashed var(--line);padding-top:12px;}
.pbc-left{min-width:0;}
.pbc-pages-title{margin-bottom:6px;}
.pbc-left .pbc-canvas-wrap{margin-top:10px;}

@media(min-width:901px){
  .sign-page:has(#pbc-step-editor:not([style*="none"])){max-width:1180px;}
  .pbc-crop-step{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start;padding:14px;}
  .pbc-side{
    margin-top:0;position:sticky;top:84px;
    max-height:calc(100vh - 100px);overflow-y:auto;overscroll-behavior:contain;
    scrollbar-width:thin;
  }
  .pbc-settings-title{display:block;margin:0 -14px 4px;padding:9px 14px;background:var(--navy,#0F1B3C);color:#fff;font-size:14px;font-weight:800;text-align:center;}
  .pbc-settings .pbc-control-row{margin-top:10px;}
  .pbc-preview .pbc-a4-canvas{max-height:300px;width:auto;}
  /* beech ki screen: Print / Create PDF settings ke seedha neeche, preview uske baad */
  .pbc-actions{order:2;}
  .pbc-preview{order:3;}
}
/* Badi screen: preview + (settings, print, create) paas-paas — sab ek nazar mein */
@media(min-width:1280px){
  .sign-page:has(#pbc-step-editor:not([style*="none"])){max-width:1500px;}
  .pbc-crop-step{grid-template-columns:minmax(0,1fr) 660px;}
  .pbc-side{
    display:grid;grid-template-columns:300px 1fr;gap:14px;
    grid-template-areas:"preview settings" "preview actions";
    align-items:start;
  }
  .pbc-settings{grid-area:settings;}
  .pbc-preview{grid-area:preview;}
  .pbc-actions{grid-area:actions;}
  .pbc-preview .pbc-a4-canvas{max-height:none;width:100%;}
}
.pbc-settings .btn-block,.pbc-actions .btn-block{width:100%;box-sizing:border-box;}
.pbc-side > *{flex-shrink:0;}