/* CRM: quotation editor, share menu, job card, Create Job, colour separation */
.cq-modal{max-width:980px;width:100%}
.cq-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px 10px;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.cq-no{grid-row:span 2;width:26px;height:26px;border-radius:999px;background:var(--blue-tint);color:var(--blue-fg);display:grid;place-items:center;font-weight:600;font-size:12.5px;margin-top:6px}
.cq-a{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1fr);gap:8px}
.cq-b{display:grid;grid-template-columns:90px 110px 90px 130px 110px minmax(90px,1fr) 34px;gap:8px;align-items:center}
.cq-amt{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.cq-totals{margin:16px 0 0 auto;max-width:340px;border:1px solid var(--line);border-radius:var(--r-md);padding:10px 14px;background:var(--surface-soft)}
.cq-totals > div{display:flex;justify-content:space-between;gap:16px;padding:3px 0;font-variant-numeric:tabular-nums}
.cq-totals .is-total{font-weight:700;font-size:16px;border-top:1px solid var(--line);margin-top:4px;padding-top:7px}
@media (max-width:760px){
  .cq-a{grid-template-columns:1fr}
  .cq-b{grid-template-columns:1fr 1fr}
  .cq-b .cq-amt{text-align:left}
  .cq-totals{max-width:none}
}
.cq-share{position:fixed;z-index:90;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);padding:6px;min-width:250px}
.cq-share-h{font-size:11.5px;font-weight:600;color:var(--ink-4);text-transform:uppercase;letter-spacing:.05em;padding:6px 10px}
.cq-share button{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border-radius:var(--r-md);text-align:left}
.cq-share button:hover{background:var(--line-soft)}
.cq-share small{display:block;color:var(--ink-3);font-size:12px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cq-ic{width:34px;height:34px;flex:0 0 34px;border-radius:999px;display:grid;place-items:center}
.cq-ic--mail{background:var(--blue-bg);color:var(--blue-fg)}
.cq-ic--wa{background:#DCFCE7;color:#25D366}
.cq-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:95;background:#0F172A;color:#fff;padding:11px 18px;border-radius:999px;box-shadow:var(--shadow-pop);font-weight:500;max-width:calc(100vw - 32px)}
.cq-toast.is-ok{background:#166534}

.jc-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 22px}
.jc-kv > div > div:last-child{margin-top:3px;overflow-wrap:anywhere}
.jc-art{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.jc-art figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.jc-art img,.jc-file{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--line-soft)}
.jc-file{display:grid;place-items:center;font-weight:700;font-size:20px;color:var(--ink-3);letter-spacing:.05em}
.jc-art figcaption{padding:8px 10px;font-size:12.5px}
.jc-art figcaption > span{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jc-art small{color:var(--ink-3)}
.jc-acts{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px}

.cj-layer{display:grid;grid-template-columns:150px minmax(0,1fr) 34px;gap:10px;align-items:center;margin-top:12px}
.cj-drop{padding:22px}
.cj-files{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.cj-f{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
.cj-f.is-new{border-style:dashed}
.cj-fn{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cj-fn small{display:block;font-weight:400;color:var(--ink-3)}
@media (max-width:560px){ .cj-layer{grid-template-columns:1fr 34px} .cj-layer .param-label{grid-column:1 / -1} }
.sep-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;margin-bottom:14px;border:1px solid var(--blue-br);background:var(--blue-tint);border-radius:var(--r-md)}
.sep-bar span{flex:1;min-width:200px}

/* Colour Separation page: only upload, plates, plate downloads and the cylinder count */
#page-crm-separation .wizard-foot,
#page-crm-separation #analysisCard,
#page-crm-separation #w2 > .card:first-child .notice,
#page-crm-separation #platesCard h3,
#page-crm-separation #platesCard .spot{display:none!important}
.sep-sum{margin-bottom:16px;border-color:var(--blue-br)}
.sep-big{font-size:18px}
.sep-big strong{font-size:24px;color:var(--blue-fg)}
.sep-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}

/* artwork PDF in the job card */
.jc-pdf{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:12px;background:var(--line-soft)}
.jc-pdf iframe{display:block;width:100%;height:min(62vh,520px);border:0;background:#fff}
.jc-tag{display:inline-block;font-size:10px;padding:1px 5px;border-radius:4px;background:#FEE2E2;color:#991B1B;margin-right:2px}
.jc-file--pdf{color:#B91C1C}

/* Store: extra requests and mixed ink */
.sx-who{display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid var(--line-soft)}
.sx-who > div{flex:1 1 160px;min-width:0}
.sx-who .param-label{margin-bottom:4px}
.sx-mix{margin-bottom:16px;border-color:var(--green-br)}
.sx-mix .section-title{color:var(--green-fg)}
.sx-line{display:grid;grid-template-columns:minmax(0,1fr) 150px 34px;gap:8px;margin-bottom:8px;align-items:center}
.sx-opbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;margin-bottom:14px;border:1px dashed var(--line);border-radius:var(--r-md);background:var(--surface)}
.sx-opbar span{flex:1;min-width:200px;color:var(--ink-2)}
@media (max-width:560px){ .sx-line{grid-template-columns:1fr 34px} .sx-line .with-unit{grid-column:1} }

/* Purchase: receive cylinders */
.pc-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 92px 92px 92px minmax(0,1.3fr) 34px;gap:8px;margin-bottom:8px;align-items:center}
.pc-head{margin-bottom:6px}
@media (max-width:760px){ .pc-row{grid-template-columns:1fr 1fr} .pc-head{display:none} }

/* Cylinders for a job (Store) */
.cyj-row{display:grid;gap:8px;margin-bottom:8px;align-items:center}
.cyj-row--assign{grid-template-columns:22px minmax(0,1fr) minmax(0,.9fr) minmax(0,1.3fr) 90px 80px}
.cyj-row--new{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 86px 86px 90px 80px 34px}
.cyj-row input[type=checkbox]{width:16px;height:16px}
.cyj-off{opacity:.55}
@media (max-width:760px){
  .cyj-head{display:none}
  .cyj-row--assign{grid-template-columns:22px 1fr 1fr;padding-bottom:8px;border-bottom:1px solid var(--line-soft)}
  .cyj-row--new{grid-template-columns:1fr 1fr;padding-bottom:8px;border-bottom:1px solid var(--line-soft)}
}

/* Cylinder advisor (colour separation) */
#cylAdvice{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
#cylAdvice .rep-table td{vertical-align:top}
.ca-head{margin-bottom:10px}
.ca-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px 18px}
.ca-opts .sum-head{grid-column:1/-1}
.ca-opt{display:flex;gap:10px;align-items:flex-start;padding:7px 0;font-size:13px;cursor:pointer}
.ca-opt input{margin-top:3px;width:15px;height:15px;accent-color:var(--blue)}
.ca-opt .swatch-cell{flex:0 0 22px}
.ca-mode{margin-top:16px;max-width:560px}
.ca-mode .segmented{margin:8px 0 6px;max-width:440px}