/* ══════════════════════════════════════════════════════════════
   INVOICE PRINT SETTINGS
══════════════════════════════════════════════════════════════ */
.ips-layout { display:grid; grid-template-columns:1fr 380px; gap:22px; align-items:start; }

.ips-form { display:flex; flex-direction:column; gap:16px; }

.ips-card {
  background:var(--card-bg,#fff); border:1px solid var(--border-color,#e5e7eb);
  border-radius:14px; padding:18px 20px; display:flex; flex-direction:column; gap:12px;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.ips-card:hover { border-color:var(--primary-blue,#3b82f6); box-shadow:0 4px 14px rgba(16,24,40,.06); }
.ips-card:focus-within { border-color:var(--primary-blue,#3b82f6); box-shadow:0 0 0 3px rgba(59,130,246,.12); }

.ips-card-title {
  font-size:13px; font-weight:800; color:var(--text-primary,#111);
  display:flex; align-items:center; gap:10px; margin:-2px 0 2px;
  padding-bottom:10px; border-bottom:1px solid var(--border-color,#eef0f3);
  letter-spacing:.2px;
}
.ips-card-title i {
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border-radius:8px; font-size:12px;
  color:var(--primary-blue,#3b82f6); background:color-mix(in srgb, var(--primary-blue,#3b82f6) 12%, transparent);
}

.ips-form-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:14px; }
.ips-form-row label, .ips-card > label {
  display:flex; flex-direction:column; gap:6px; font-size:12px; font-weight:700; color:var(--text-secondary,#555);
}
.ips-form-row input, .ips-form-row select, .ips-card input[type=text], .ips-card textarea {
  border:1px solid var(--border-color,#dde1e6); border-radius:9px; padding:9px 11px; font-size:13px; font-family:inherit;
  background:var(--input-bg,#fff); color:var(--text-primary,#111);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.ips-form-row input:hover, .ips-form-row select:hover, .ips-card input[type=text]:hover, .ips-card textarea:hover {
  border-color:var(--primary-blue,#3b82f6);
}
.ips-form-row input:focus, .ips-form-row select:focus, .ips-card input[type=text]:focus, .ips-card textarea:focus {
  outline:none; border-color:var(--primary-blue,#3b82f6); box-shadow:0 0 0 3px rgba(59,130,246,.12);
}
.ips-card textarea { resize:vertical; min-height:76px; line-height:1.5; }

.ips-toggle {
  display:flex; align-items:center; gap:9px; font-size:13px; font-weight:700; cursor:pointer;
  padding:8px 10px; border-radius:9px; transition:background .15s ease; margin:-8px -10px 0;
}
.ips-toggle:hover { background:var(--input-bg,#f5f6f8); }
.ips-toggle input { width:16px; height:16px; accent-color:var(--primary-blue,#3b82f6); }

.ips-grid-check { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:4px 10px; }
.ips-grid-check label {
  display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color:var(--text-secondary,#444);
  cursor:pointer; padding:7px 9px; border-radius:8px; transition:background .15s ease;
}
.ips-grid-check label:hover { background:var(--input-bg,#f5f6f8); color:var(--text-primary,#111); }
.ips-grid-check input { width:15px; height:15px; accent-color:var(--primary-blue,#3b82f6); }

.ips-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }

.ips-toggle { justify-content:flex-start; }
.ips-toggle input[type=checkbox] { flex:none; margin:0; }

.ips-logo-uploader { align-items:center; gap:14px; }
.ips-logo-thumb-box {
  position:relative; width:60px; height:60px; flex:none;
  border:1px dashed var(--border-color,#dde1e6); border-radius:10px;
  background:var(--input-bg,#f5f6f8); display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.ips-logo-thumb-box i { color:var(--text-secondary,#9aa1ab); font-size:18px; }
.ips-logo-thumb-box img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#fff; }
.ips-logo-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ips-logo-actions .ips-logo-delete { color:#ef4444; }

.ips-preview-col { position:relative; }
.ips-preview-sticky {
  position:sticky; top:16px; background:var(--card-bg,#fff); border:1px solid var(--border-color,#e5e7eb);
  border-radius:14px; padding:16px; box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.ips-preview-title {
  font-size:13px; font-weight:800; margin-bottom:12px; display:flex; align-items:center; gap:8px;
  color:var(--text-primary,#111);
}
.ips-preview-title i { color:var(--primary-blue,#3b82f6); }
.ips-preview-frame-wrap {
  background:var(--input-bg,#e5e7eb); border-radius:10px; padding:12px; max-height:75vh; overflow-y:auto;
  border:1px solid var(--border-color,#e5e7eb);
}
#ipsPreviewFrame { width:100%; min-height:600px; border:0; background:transparent; }

@media (max-width:1024px) {
  .ips-layout { grid-template-columns:1fr; }
  .ips-preview-sticky { position:static; }
}