/* CapaFácil App — Furação para espiral + sangria */
#cf-binding-overlay{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:90!important;
  pointer-events:none!important;
  overflow:visible!important;
}
#cf-binding-overlay .cf-binding-hole{
  fill:#fff!important;
  fill-opacity:1!important;
  stroke:#111827!important;
  stroke-width:.36!important;
  vector-effect:non-scaling-stroke!important;
  shape-rendering:geometricPrecision!important;
}

.cf-binding-panel{
  margin-top:14px;
  padding:12px;
  border:1px solid #dbe2ff;
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#f6f7ff);
  box-shadow:0 8px 22px rgba(31,124,255,.06);
}
.cf-binding-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.cf-binding-head>div{min-width:0;}
.cf-binding-head span{display:block;font-size:9px;font-weight:950;letter-spacing:.12em;color:#6f46e8;}
.cf-binding-head strong{display:block;margin-top:3px;font-size:14px;font-weight:950;color:#1e1b4b;}
.cf-binding-head small{display:block;margin-top:4px;font-size:10px;line-height:1.35;font-weight:700;color:#667085;}
.cf-binding-switch{position:relative;display:inline-flex;width:42px;height:24px;flex:none;cursor:pointer;}
.cf-binding-switch input{position:absolute;opacity:0;pointer-events:none;}
.cf-binding-switch i{position:absolute;inset:0;border-radius:999px;background:#cbd5e1;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);transition:.2s ease;}
.cf-binding-switch i::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.22);transition:.2s ease;}
.cf-binding-switch input:checked+i{background:linear-gradient(135deg,#1f7cff,#6f46e8);}
.cf-binding-switch input:checked+i::after{transform:translateX(18px);}
.cf-binding-switch input:focus-visible+i{outline:3px solid rgba(31,124,255,.22);outline-offset:2px;}
.cf-binding-body{margin-top:12px;transition:opacity .18s ease;}
.cf-binding-body.is-disabled{opacity:.48;pointer-events:none;filter:grayscale(.12);}
.cf-binding-label{margin:0 0 7px;font-size:10px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;color:#475569;}
.cf-binding-models{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.cf-binding-model{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:54px!important;
  padding:8px!important;
  border:1px solid #dbe2ff!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#1e1b4b!important;
  -webkit-text-fill-color:#1e1b4b!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.cf-binding-model:last-child{grid-column:1/-1;}
.cf-binding-model:hover{border-color:#8b6cf2!important;background:#faf9ff!important;}
.cf-binding-model.is-selected{border-color:#6f46e8!important;box-shadow:0 0 0 2px rgba(111,70,232,.13)!important;background:#f7f4ff!important;}
.cf-binding-model-shape{display:block;flex:none;background:#fff;border:1.5px solid #111827;box-shadow:0 0 0 2px #eef2ff;}
.cf-binding-model span:not(.cf-binding-model-shape){min-width:0;display:block;}
.cf-binding-model b{display:block;font-size:9px;font-weight:950;line-height:1.15;color:#1e1b4b;}
.cf-binding-model small{display:block;margin-top:3px;font-size:8px;line-height:1.2;font-weight:750;color:#64748b;}
.cf-binding-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;}
.cf-binding-fields label:first-child{grid-column:1/-1;}
.cf-binding-fields label{display:grid;gap:5px;padding:8px;border:1px solid #e1e7ff;border-radius:11px;background:#fff;}
.cf-binding-fields span{font-size:9px;font-weight:900;color:#475569;}
.cf-binding-fields input,.cf-binding-fields select{width:100%;box-sizing:border-box;border:1px solid #dbe2ff;border-radius:9px;background:#f8fafc;color:#111827;padding:7px 8px;font-size:10px;font-weight:850;outline:none;}
.cf-binding-fields input:focus,.cf-binding-fields select:focus{border-color:#6f46e8;box-shadow:0 0 0 2px rgba(111,70,232,.12);}
.cf-binding-check{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 10px;border:1px solid #e1e7ff;border-radius:11px;background:#fff;cursor:pointer;}
.cf-binding-check input{width:16px;height:16px;accent-color:#6f46e8;}
.cf-binding-check span{font-size:10px;font-weight:850;color:#334155;line-height:1.25;}
.cf-binding-info{display:grid;gap:3px;margin-top:10px;padding:10px;border:1px dashed #bfcaff;border-radius:11px;background:#f8faff;}
.cf-binding-info b{font-size:10px;font-weight:950;color:#1e1b4b;}
.cf-binding-info span{font-size:9px;font-weight:750;color:#64748b;line-height:1.3;}
.cf-binding-note{margin:8px 1px 0;font-size:8.5px;line-height:1.35;font-weight:700;color:#7c8494;}

body.cf-admin-open #cf-binding-overlay,
body.cf-clean-admin-open #cf-binding-overlay{display:none!important;}


#cf-binding-overlay .cf-bleed-fill{
  shape-rendering:geometricPrecision!important;
  pointer-events:none!important;
}
#cf-binding-overlay .cf-bleed-guide{
  fill:none!important;
  stroke:#334155!important;
  stroke-width:.32!important;
  vector-effect:non-scaling-stroke!important;
  pointer-events:none!important;
  opacity:.26!important;
  shape-rendering:geometricPrecision!important;
}
#cf-binding-overlay .cf-bleed-guide-outer{stroke-dasharray:1.2 1.4!important;}
#cf-binding-overlay .cf-bleed-guide-trim{stroke-dasharray:2.2 1.5!important;opacity:.34!important;}

.cf-bleed-panel{
  margin-top:12px;
  padding:12px;
  border:1px solid #cfe9e4;
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#f3fbf9);
  box-shadow:0 8px 22px rgba(13,148,136,.055);
}
.cf-bleed-head span{color:#0f766e!important;}
.cf-bleed-fields{display:grid;grid-template-columns:1fr;margin-top:12px;}
.cf-binding-field{display:grid;gap:5px;padding:8px;border:1px solid #d7ebe7;border-radius:11px;background:#fff;}
.cf-binding-field span{font-size:9px;font-weight:900;color:#475569;}
.cf-binding-field input{width:100%;box-sizing:border-box;border:1px solid #cfe3df;border-radius:9px;background:#f8fafc;color:#111827;padding:7px 8px;font-size:10px;font-weight:850;outline:none;}
.cf-binding-field input:focus{border-color:#0f9f8f;box-shadow:0 0 0 2px rgba(15,159,143,.12);}
.cf-bleed-color-editor{margin-top:9px;padding:9px;border:1px solid #d7ebe7;border-radius:11px;background:#fff;}
.cf-bleed-color-editor>span{display:block;margin-bottom:7px;font-size:9px;font-weight:900;color:#475569;}
.cf-bleed-color-row{display:grid;grid-template-columns:36px repeat(4,1fr);gap:6px;align-items:center;}
.cf-bleed-color-row input[type=color]{width:36px;height:30px;padding:2px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;cursor:pointer;}
.cf-bleed-color-row button{position:relative;min-width:0;height:30px;padding:0 5px;border:1px solid #dbe2e8;border-radius:8px;background:#fff;color:#334155;font-size:8px;font-weight:900;cursor:pointer;overflow:hidden;}
.cf-bleed-color-row button::before{content:"";display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:2px;vertical-align:-1px;background:var(--cf-bleed-preset);border:1px solid rgba(15,23,42,.18);}
.cf-bleed-color-row button:hover{border-color:#0f9f8f;background:#f0fdfa;}
.cf-bleed-info{border-color:#9edbd2;background:#f0fdfa;}

.cf-binding-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.cf-binding-stat-grid>div{padding:7px;border:1px solid #dce5ff;border-radius:9px;background:#fff;}
.cf-binding-stat-grid b{display:block;font-size:11px;color:#1e1b4b;}
.cf-binding-stat-grid span{display:block;margin-top:2px;font-size:8px;color:#64748b;}
.cf-binding-summary{display:block;margin-top:5px!important;line-height:1.35!important;}

@media print{
  #cf-binding-overlay{display:block!important;}
  #cf-binding-overlay.no-print,#cf-binding-overlay .no-print{display:none!important;}
}

@media(max-width:760px){
  .cf-binding-models{grid-template-columns:1fr;}
  .cf-binding-model:last-child{grid-column:auto;}
}