/* ShopKichele — documents.css (extracted from index.html) */
/* ===== A4 DOCUMENTS (quotation / invoice / delivery note) ===== */
.docpaper{--dp1:#0B7A5B;--dp2:#12A26B;--dpt:#10221C;--dp1-ink:#fff;--dp2-ink:#fff;width:100%;max-width:210mm;min-height:250mm;margin:0 auto;background:#fff;color:var(--dpt);padding:14mm 12mm;border-radius:14px;box-shadow:0 2px 14px rgba(0,0,0,.12);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.docpaper *{box-sizing:border-box}.docpaper .dp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}.docpaper .dp-brand{min-width:0;max-width:62%}.docpaper .dp-brand-name{font-size:18px;font-weight:800;display:block}.docpaper .dp-logo{position:relative;width:min(180px,100%);height:64px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:14px}.docpaper .dp-logo img{position:relative;z-index:1;display:block;max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain;object-position:left center;background:#fff; border-radius: 8px}.docpaper .dp-logo-fallback{position:absolute;inset:0 auto auto 0;display:grid;width:54px;height:54px;place-items:center;border:2px solid var(--dp1);border-radius:8px;color:var(--dp1);font-size:18px;font-weight:900}.docpaper .dp-meta{text-align:right;flex:0 0 auto}.docpaper .dp-title{font-size:20px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.docpaper .dp-num{font-size:13px;font-weight:700}.docpaper .dp-band{height:4px;border-radius:2px;margin:10px 0 14px}.docpaper .dp-parties{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.docpaper .dp-party{flex:1;min-width:0}.docpaper .dp-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.docpaper table.dp-items{width:100%;border-collapse:collapse;margin-bottom:10px;table-layout:auto}.docpaper table.dp-items th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:7px 8px}.docpaper table.dp-items td{padding:7px 8px;vertical-align:top}.docpaper .dp-items th:nth-child(2),.docpaper .dp-items td:nth-child(2){min-width:34%}.docpaper .dp-r{text-align:right!important;white-space:nowrap}.docpaper .dp-totals{margin-left:auto;width:64mm;margin-bottom:12px;break-inside:avoid}.docpaper .dp-totals .sk-row{display:flex;justify-content:space-between;gap:14px;padding:3px 8px}.docpaper .dp-totals .grand{font-size:14px;font-weight:800;padding:7px 8px;border-radius:6px;margin-top:4px}.docpaper .dp-foot{display:flex;justify-content:space-between;gap:14px;margin-top:14px;font-size:11px;break-inside:avoid}.docpaper .dp-foot>div{flex:1;min-width:0}.docpaper .dp-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:99px;margin-top:4px;background:var(--dp2);color:var(--dp2-ink)}
.docpaper.tpl-modern{border-top:6px solid var(--dp1)}.docpaper.tpl-modern .dp-title{color:var(--dp1)}.docpaper.tpl-modern .dp-band{background:linear-gradient(90deg,var(--dp1),var(--dp2))}.docpaper.tpl-modern .dp-items th{background:var(--dp1);color:var(--dp1-ink)}.docpaper.tpl-modern .dp-items td{border-bottom:1px solid #e8e8e8}.docpaper.tpl-modern .grand{background:var(--dp1);color:var(--dp1-ink)}.docpaper.tpl-modern .dp-lbl{color:var(--dp2)}
.docpaper.tpl-classic{font-family:Georgia,"Times New Roman",serif;border:1.5px solid var(--dpt)}.docpaper.tpl-classic .dp-title{color:var(--dpt);text-decoration:underline;text-underline-offset:4px}.docpaper.tpl-classic .dp-band{background:var(--dpt);height:1px}.docpaper.tpl-classic .dp-items th{border-bottom:1.5px solid var(--dpt)}.docpaper.tpl-classic .dp-items td{border-bottom:1px solid #ddd}.docpaper.tpl-classic .grand{border:1.5px solid var(--dpt)}
.docpaper.tpl-minimal .dp-title{color:var(--dpt);font-weight:600}.docpaper.tpl-minimal .dp-band{background:#d9eee6}.docpaper.tpl-minimal .dp-items th{color:#527168;border-bottom:1px solid #bdd8ce}.docpaper.tpl-minimal .dp-items td{border-bottom:1px solid #e4f0eb}.docpaper.tpl-minimal .grand{border-top:2px solid var(--dpt)}
.docpaper.tpl-professional{background:#fff;border:1px solid #d8e7e1}.docpaper.tpl-professional .dp-head{background:var(--dp1);color:var(--dp1-ink);padding:10px 12px;border-radius:8px}.docpaper.tpl-professional .dp-head .dp-brand-name,.docpaper.tpl-professional .dp-head .dp-title,.docpaper.tpl-professional .dp-head .tiny,.docpaper.tpl-professional .dp-head .dp-num{color:var(--dp1-ink)}.docpaper.tpl-professional .dp-logo-fallback{border-color:currentColor;color:inherit}.docpaper.tpl-professional .dp-band{background:var(--dp2)}.docpaper.tpl-professional .dp-items th{border-bottom:2px solid var(--dp2);color:var(--dp1)}.docpaper.tpl-professional .dp-items td{border-bottom:1px solid #e5eee9}.docpaper.tpl-professional .grand{background:var(--dp2);color:var(--dp2-ink)}
.docst{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:99px;background:#e5e7eb;color:#374151}.docst.st-draft{background:#f3f4f6;color:#6b7280}.docst.st-sent{background:#d9f3e8;color:#08724f}.docst.st-accepted,.docst.st-paid,.docst.st-delivered{background:#d1fae5;color:#047857}.docst.st-rejected,.docst.st-cancelled,.docst.st-overdue{background:#fee2e2;color:#b91c1c}.docst.st-expired{background:#fef3c7;color:#b45309}.docst.st-unpaid{background:#ffedd5;color:#c2410c}.docst.st-partially_paid{background:#fef9c3;color:#a16207}
.docrow{display:grid;grid-template-columns:minmax(140px,1fr) 64px 84px 66px 58px 78px 36px;gap:8px;align-items:end;padding:10px 0;border-bottom:1px solid var(--line)}.docrow .tiny{display:block}.docrow input{min-height:42px;padding:8px 10px;border-radius:10px}.docrow>div{min-width:0}.docrow button[data-del]{min-height:42px;width:36px;padding:0;justify-self:end}
@media(max-width:720px){.docrow{grid-template-columns:repeat(2,1fr);gap:8px 10px;position:relative;padding-top:14px}.docrow>div:first-child{grid-column:1 / -1}.docrow button[data-del]{position:absolute;top:6px;right:0;width:32px;min-height:32px}}
.doctabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.doctabs button{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:7px 14px;font-weight:600;font-size:12px;text-transform:capitalize}.doctabs button[aria-current="true"]{background:var(--brand);color:#fff;border-color:var(--brand)}
@media(max-width:720px){.docpaper{padding:18px 14px;min-height:auto;font-size:12px;border-radius:8px}.docpaper .dp-head,.docpaper .dp-parties,.docpaper .dp-foot{flex-direction:column}.docpaper .dp-brand{max-width:100%}.docpaper .dp-logo{height:52px}.docpaper .dp-logo img{max-height:52px}.docpaper .dp-meta{text-align:left}.docpaper .dp-totals{width:100%;margin-left:0}.docpaper table.dp-items,.docpaper .dp-items tbody{display:block}.docpaper .dp-items thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.docpaper .dp-items tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 10px;padding:10px 0;border-bottom:1px solid #e8e8e8}.docpaper .dp-items td{display:block;padding:0;border:0!important;text-align:left!important;white-space:normal}.docpaper .dp-items td:nth-child(1){display:none}.docpaper .dp-items td:nth-child(2){grid-column:1/-1;min-width:0}.docpaper .dp-items td:not(:nth-child(1)):not(:nth-child(2))::before{content:attr(data-label);display:block;font-size:9px;font-weight:700;text-transform:uppercase;color:#64706c;margin-bottom:2px}.docpaper .dp-items tr:has(td:nth-child(3):last-child){grid-template-columns:1fr}.docpaper .dp-items tr:has(td:nth-child(3):last-child) td:nth-child(3){grid-column:1/-1}.docpaper .dp-foot>div{width:100%}}
@page docA4{size:A4;margin:10mm}@media print{#printArea.doc-print{display:block!important;padding:0!important;width:auto!important;min-height:0!important}#printArea .docpaper{page:docA4;width:auto;max-width:none;min-height:0;margin:0;padding:0;box-shadow:none;border-radius:0;font-size:11.5px;-webkit-print-color-adjust:exact;print-color-adjust:exact}#printArea .docpaper table.dp-items{display:table;white-space:normal;overflow:visible}#printArea .docpaper .dp-head,#printArea .docpaper .dp-parties,#printArea .docpaper .dp-foot{flex-direction:row}#printArea .docpaper .dp-meta{text-align:right}#printArea .docpaper .dp-totals{width:64mm;margin-left:auto}#printArea .docpaper tr{page-break-inside:avoid;break-inside:avoid}#printArea .docpaper thead{display:table-header-group}}
/* =========================== 
   Product thumbnails 
=========================== */ 

.product-stock-card{ 
  transition:.18s ease; 
} 

.product-stock-card:hover{ 
  transform:translateY(-2px); 
} 

.product-thumb{ 
  width:76px; 
  height:76px; 
  min-width:76px; 
  border-radius:12px; 
  overflow:hidden; 
  background:var(--brand-l); 
  border:1px solid #e5e7eb; 
  display:flex; 
  align-items:center; 
  justify-content:center; 
} 

.product-thumb img{ 
  width:100%; 
  height:100%; 
  object-fit:cover; 
  display:block; 
} 

.product-thumb-placeholder{ 
  width:100%; 
  height:100%; 
  display:flex; 
  align-items:center; 
  justify-content:center; 
  font-size:28px; 
  opacity:.45; 
} 
.product-pos-thumb { 
  width: 100%; 
  height: 110px; 
  margin-bottom: 8px; 
  border-radius: 10px; 
  overflow: hidden; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  background: var(--soft, var(--brand-l)); 
} 

.product-pos-thumb img { 
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
  display: block; 
} 

.product-pos-thumb-placeholder { 
  width: 100%; 
  height: 100%; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 34px; 
  background: var(--soft, var(--brand-l)); 
} 
/* Receipt / print */ 
#receiptPaper{font-family:"Courier New",monospace;font-size:12px;color:#000;background:#fff;padding:10px;border-radius:10px} 
#receiptPaper .c{text-align:center} 
#receiptPaper .l{border-top:1px dashed #000;margin:6px 0} 
#receiptPaper table{width:100%;border-collapse:collapse} 
#receiptPaper td{padding:1px 0;vertical-align:top}