/* Jobix v14 — Customer-facing quote/invoice/client hub experience */
.public-app .container{max-width:1180px}
.jx14-customer-shell{--jx14-ink:#101828;--jx14-muted:#667085;--jx14-border:#e4e7ec;--jx14-panel:#fff;--jx14-soft:#f5f8ff;--jx14-blue:#1f6feb;--jx14-green:#12b76a;--jx14-orange:#f79009;max-width:1180px;margin:0 auto;padding:20px 18px 56px;color:var(--jx14-ink)}
.jx14-customer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.jx14-customer-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--jx14-ink)}
.jx14-customer-brand span:first-child,.jx14-customer-brand img{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#0ea5e9,#0f766e);color:#fff;font-weight:900;box-shadow:0 14px 30px rgba(15,118,110,.18);object-fit:cover}
.jx14-customer-brand strong{font-size:18px;display:block;letter-spacing:-.02em}.jx14-customer-brand small{display:block;color:var(--jx14-muted);font-weight:700;font-size:12px}.jx14-pill{display:inline-flex;align-items:center;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:8px 12px;font-weight:850;font-size:12px}
.jx14-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;padding:28px;border:1px solid var(--jx14-border);border-radius:28px;background:radial-gradient(circle at top right,#dbeafe,transparent 40%),linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 22px 60px rgba(16,24,40,.08);margin-bottom:18px}.jx14-hero .eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#2563eb;font-weight:900;font-size:12px;margin:0 0 8px}.jx14-hero h1{font-size:clamp(34px,4vw,58px);line-height:.94;letter-spacing:-.06em;margin:0 0 14px}.jx14-hero p{max-width:720px;font-size:17px;line-height:1.55;color:#475467;margin:0}.jx14-contact-card{background:rgba(255,255,255,.8);border:1px solid #e0e7ff;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:8px;align-self:start}.jx14-contact-card strong{font-size:18px}.jx14-contact-card span{color:#475467;font-weight:700}
.jx14-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;margin:18px 0;padding:0}.jx14-progress li{display:flex;align-items:center;gap:10px;border:1px solid var(--jx14-border);border-radius:16px;background:#fff;padding:12px;color:#667085;font-weight:850}.jx14-progress li span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f2f4f7;color:#667085}.jx14-progress li.done span{background:#dcfce7;color:#15803d}.jx14-progress li.active{border-color:#93c5fd;box-shadow:0 10px 30px rgba(37,99,235,.12);color:#1d4ed8}.jx14-progress li.active span{background:#2563eb;color:#fff}
.jx14-document-stage{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.jx14-sticky-action{position:sticky;top:18px;border:1px solid var(--jx14-border);border-radius:26px;background:#fff;box-shadow:0 22px 60px rgba(16,24,40,.08);padding:22px}.jx14-sticky-action h2{font-size:24px;letter-spacing:-.04em;margin:0 0 8px}.jx14-sticky-action p{color:#667085;margin:0 0 16px}.jx14-total-box{display:flex;justify-content:space-between;align-items:center;background:#101828;color:#fff;border-radius:20px;padding:18px;margin:14px 0}.jx14-total-box span{color:#cbd5e1;font-size:13px}.jx14-total-box strong{font-size:30px;letter-spacing:-.04em}.jx14-action-list{display:grid;gap:10px}.jx14-action-list .btn,.jx14-sticky-action button,.jx14-sticky-action .btn{width:100%;justify-content:center}.jx14-note{border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:18px;padding:13px;margin-top:14px;font-weight:700;font-size:13px}.jx14-success{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:18px;padding:14px;margin-top:14px;font-weight:800}.jx14-public-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 18px}.jx14-public-actions .btn{min-width:150px;justify-content:center}
.jx14-signature-box,.jx14-change-box{border:1px solid var(--jx14-border);border-radius:24px;background:#fff;padding:20px;margin-top:18px;box-shadow:0 18px 46px rgba(16,24,40,.06)}.jx14-signature-box h2,.jx14-change-box h2{font-size:24px;letter-spacing:-.04em;margin:0 0 8px}.jx14-signature-grid{display:grid;grid-template-columns:1fr;gap:12px}.signature-pad.jx14-pad{width:100%;max-width:100%;height:190px;border:1px dashed #98a2b3;border-radius:18px;background:#fff;touch-action:none}.jx14-change-box textarea{min-height:130px}.jx14-location-chip{display:flex;align-items:center;gap:8px;border:1px solid #dbeafe;background:#eff6ff;border-radius:16px;padding:10px 12px;color:#1d4ed8;font-weight:800;margin:10px 0}.jx14-location-chip.warn{border-color:#fed7aa;background:#fff7ed;color:#9a3412}
.jx14-invoice-pay-card{border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff);border-radius:26px;padding:22px;margin-bottom:18px}.jx14-invoice-pay-card h2{font-size:26px;margin:0 0 6px}.jx14-invoice-pay-card .amount{font-size:48px;line-height:1;font-weight:950;letter-spacing:-.06em;color:#101828}.jx14-paid-banner{border:1px solid #86efac;background:#f0fdf4;color:#14532d;border-radius:24px;padding:20px;font-weight:900;margin-bottom:18px}
.jx14-hub-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.jx14-hub-card{border:1px solid var(--jx14-border);border-radius:26px;background:#fff;padding:22px;box-shadow:0 18px 46px rgba(16,24,40,.06);margin-bottom:18px}.jx14-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.jx14-card-head h2{font-size:26px;letter-spacing:-.04em;margin:0}.jx14-card-head p{color:#667085;margin:4px 0 0}.jx14-hub-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.jx14-hub-metric{background:#fff;border:1px solid var(--jx14-border);border-radius:20px;padding:16px}.jx14-hub-metric span{color:#667085;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.jx14-hub-metric strong{display:block;font-size:30px;letter-spacing:-.04em;margin-top:6px}.jx14-hub-list{display:grid;gap:10px}.jx14-hub-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #edf2f7;border-radius:18px;background:#fff;padding:14px}.jx14-hub-item strong{display:block}.jx14-hub-item small{display:block;color:#667085;margin-top:3px}.jx14-side-card{position:sticky;top:18px}.jx14-timeline{position:relative;display:grid;gap:0}.jx14-timeline article{position:relative;padding:0 0 18px 28px;border-left:2px solid #e4e7ec;margin-left:8px}.jx14-timeline article:last-child{border-left-color:transparent}.jx14-timeline .dot{position:absolute;left:-8px;top:2px;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#2563eb;box-shadow:0 0 0 2px #bfdbfe}.jx14-timeline time{display:block;color:#667085;font-size:12px;font-weight:800;margin-bottom:3px}.jx14-timeline strong{display:block;color:#101828}.jx14-timeline p{margin:4px 0 0;color:#667085}.jx14-empty{border:1px dashed #cbd5e1;border-radius:18px;padding:18px;color:#667085;font-weight:800;background:#f8fafc}.jx14-link-copy{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#f8fafc;border:1px solid #e4e7ec;border-radius:12px;padding:8px;word-break:break-all}
.jx14-admin-table-actions{display:flex;gap:8px;flex-wrap:wrap}.jx14-view-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#f0f9ff;color:#075985;font-weight:850;padding:5px 9px;font-size:12px}.jx14-view-pill.not{background:#f8fafc;color:#64748b}
@media(max-width:980px){.jx14-hero,.jx14-document-stage,.jx14-hub-layout{grid-template-columns:1fr}.jx14-sticky-action,.jx14-side-card{position:static}.jx14-progress{grid-template-columns:1fr 1fr}.jx14-hub-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.jx14-customer-shell{padding:14px 10px 42px}.jx14-hero{padding:20px;border-radius:22px}.jx14-hero h1{font-size:40px}.jx14-progress{grid-template-columns:1fr}.jx14-hub-metrics{grid-template-columns:1fr}.jx14-customer-header{align-items:flex-start}.jx14-public-actions .btn{width:100%}}
@media print{.jobix-sidebar,.jobix-mobilebar,.jx14-sticky-action,.jx14-public-actions,.jx14-change-box,.jx14-signature-box,.topbar{display:none!important}.jobix-main-shell,.container,.jx14-customer-shell{max-width:none;margin:0;padding:0}.pro-document-card{box-shadow:none!important;border-color:#d0d5dd!important}.jx14-hero,.jx14-progress{display:none}}