/* Passport Photo Print Generator — scoped styles.
   Loaded only on tools/passport-photo-print.php; the shared
   assets/css/style.css still provides the theme (navbar, footer,
   colors, buttons, .tool-shell layout etc). */

.ppg-thumb-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;}
.ppg-thumb{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:8px;padding:6px;background:#fff;}
.ppg-thumb.is-primary{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5 inset;}
.ppg-thumb img{width:38px;height:38px;object-fit:cover;border-radius:4px;}
.ppg-thumb .ppg-thumb-name{font-size:.75rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ppg-thumb-actions{display:flex;gap:4px;}

.ppg-edit-panel{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:12px;margin-top:8px;}
.ppg-edit-panel label{font-size:.75rem;}

.ppg-cell{
  box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;position:relative;background:#fff;
  cursor:pointer;
}
.ppg-cell.ppg-cell-empty{background:repeating-linear-gradient(45deg,#f1f5f9,#f1f5f9 6px,#e2e8f0 6px,#e2e8f0 12px);}
.ppg-cell.ppg-cell-crop-marks{outline:1px dashed #94a3b8;outline-offset:-1px;}
.ppg-cell img{width:100%;height:100%;object-fit:cover;}
.ppg-cell .ppg-cell-label{position:absolute;bottom:2px;right:2px;font-size:.55rem;background:rgba(0,0,0,.55);color:#fff;padding:1px 4px;border-radius:3px;}

.ppg-mode-badge{font-size:.65rem;background:#eef2ff;color:#4338ca;border-radius:6px;padding:2px 6px;}

@media (max-width: 991px){
  .ppg-edit-panel{margin-bottom:8px;}
}