/* Chapter — bilingual A4 document (invoice / quotation) */
.dc-page{
  --dc-brown:#3B1E12; --dc-brown-2:#44291E; --dc-ink:#2A160D; --dc-muted:#8A7A70; --dc-gold:#A47C5B;
  --dc-blue:#E8EEF6; --dc-line:#E3D8CB; --dc-cream:#FAF6F1; --dc-cream-line:#EBE2D8;
  width:794px; min-height:1123px; background:#fff; color:var(--dc-ink);
  font-family:'Poppins','Tajawal',sans-serif; font-size:11px; line-height:1.45;
  display:flex; flex-direction:column; position:relative; overflow:hidden; box-sizing:border-box;
  -webkit-print-color-adjust:exact; print-color-adjust:exact;
}
.dc-page *{box-sizing:border-box}
.dc-ar{font-family:'Tajawal','Noto Sans Arabic',sans-serif; direction:rtl; text-align:right}
.dc-serif{font-family:'Playfair Display',Georgia,serif}
.dc-stripes{background-color:var(--dc-brown);background-image:repeating-linear-gradient(90deg,var(--dc-brown) 0 12px,var(--dc-brown-2) 12px 24px)}

/* header */
.dc-head{height:146px;display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;padding:0 52px;color:#F6EDDF}
.dc-head .dc-co{font-family:'Playfair Display',serif;font-size:19.5px;letter-spacing:.2px}
.dc-head .dc-meta{font-size:9.5px;opacity:.82;margin-top:7px;letter-spacing:.3px}
.dc-head .dc-meta + .dc-meta{margin-top:2px}
.dc-head .dc-co-ar{font-family:'Tajawal',sans-serif;font-weight:700;font-size:19px}
.dc-head .dc-r{direction:rtl;text-align:right}
.dc-head .dc-r .dc-meta{font-family:'Tajawal',sans-serif;font-size:10px}
.dc-logo{width:124px;height:124px;border-radius:50%;margin:0 auto;background:#F7F1EA;border:5px solid #E9DCCB;box-shadow:0 0 0 2px rgba(255,255,255,.25);overflow:hidden;display:flex;align-items:center;justify-content:center}
.dc-logo img{width:100%;height:100%;object-fit:cover;display:block}

/* title */
.dc-title{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 52px 0}
.dc-title h1{margin:0;font-weight:400;color:var(--dc-brown)}
.dc-title .dc-t-en{font-family:'Playfair Display',serif;font-size:36px;letter-spacing:5px;line-height:1.05}
.dc-title .dc-t-ar{font-family:'Tajawal',sans-serif;font-weight:700;font-size:33px;line-height:1.05}
.dc-title p{margin:3px 0 0;color:var(--dc-muted);font-size:11px}
.dc-title .dc-ar p{font-size:11.5px}

/* info boxes */
.dc-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:16px 52px 0}
.dc-box{background:var(--dc-blue);height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6px}
.dc-box.dark{background:var(--dc-brown);color:#fff}
.dc-box .l-en{font-size:8.5px;font-weight:600;letter-spacing:2.2px;color:var(--dc-ink)}
.dc-box .l-ar{font-family:'Tajawal',sans-serif;font-size:11px;color:var(--dc-ink);margin-top:1px}
.dc-box.dark .l-en,.dc-box.dark .l-ar{color:#F1E6DA}
.dc-box .v{font-size:19px;font-weight:700;margin-top:4px;color:var(--dc-ink);letter-spacing:.3px}
.dc-box.dark .v{color:#fff}
.dc-box .d{font-size:8.5px;color:var(--dc-muted);margin-top:3px}
.dc-box .d span{font-family:'Tajawal',sans-serif}

/* bill to */
.dc-bill{margin:16px 52px 0;border:1.5px solid var(--dc-line);min-height:96px;display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;padding:10px 22px}
.dc-bill .lbl{font-size:8.5px;font-weight:600;letter-spacing:2.2px;color:var(--dc-gold)}
.dc-bill .dc-ar .lbl{font-family:'Tajawal',sans-serif;font-size:11px;letter-spacing:0;font-weight:700}
.dc-bill .nm{font-family:'Playfair Display',serif;font-weight:700;font-size:17px;color:var(--dc-brown);margin-top:5px}
.dc-bill .dc-ar .nm{font-family:'Tajawal',sans-serif;font-size:18px}
.dc-bill .sub{font-size:9.5px;color:var(--dc-muted);margin-top:6px;max-width:230px}
.dc-bill .dc-ar .sub{font-size:11px;margin-right:0;margin-left:auto}
.dc-bill .lg{display:flex;align-items:center;justify-content:center}
.dc-bill .lg img{max-width:150px;max-height:60px;object-fit:contain}
.dc-bill .phone{font-size:9.5px;color:var(--dc-muted);margin-top:4px;direction:ltr}
.dc-bill .dc-ar .phone{text-align:right}

/* items */
.dc-items{margin:16px 52px 0;border-collapse:collapse;width:calc(100% - 104px)}
.dc-items thead th{background:var(--dc-brown);color:#fff;height:50px;font-weight:600;font-size:8.5px;letter-spacing:2px;text-align:center;vertical-align:middle;padding:0 6px}
.dc-items thead th .ar{display:block;font-family:'Tajawal',sans-serif;font-size:10.5px;letter-spacing:0;font-weight:400;margin-top:2px;color:#EADBCB}
.dc-items thead th.c-desc{text-align:left;padding-left:14px}
.dc-items thead th.c-desc-ar{text-align:right;font-family:'Tajawal',sans-serif;font-size:11px;letter-spacing:0;font-weight:700}
.dc-items tbody td{padding:12px 6px;text-align:center;vertical-align:middle;border-bottom:1px solid #EEE7DF}
.dc-items tbody tr:nth-child(even) td{background:#F3F6FA}
.dc-items .c-no{width:46px;color:var(--dc-gold);font-weight:600;font-size:11px}
.dc-items td.c-desc{text-align:left;padding-left:14px}
.dc-items td.c-desc b{display:block;font-size:12px;color:var(--dc-brown)}
.dc-items td.c-desc small{display:block;color:var(--dc-muted);font-size:9.5px;margin-top:2px}
.dc-items td.c-desc-ar{text-align:right;font-family:'Tajawal',sans-serif;direction:rtl}
.dc-items td.c-desc-ar b{display:block;font-size:13px;color:var(--dc-brown)}
.dc-items td.c-desc-ar small{display:block;color:var(--dc-muted);font-size:10.5px;margin-top:2px}
.dc-items .c-qty b{display:block;font-size:13px}
.dc-items .c-qty small{display:block;font-size:8.5px;color:var(--dc-muted);margin-top:3px}
.dc-items .c-qty small span{font-family:'Tajawal',sans-serif}
.dc-items .c-price{font-size:11.5px;white-space:nowrap}
.dc-items .c-amt{font-weight:700;font-size:12px;white-space:nowrap}
.dc-items .c-amt.opt{font-weight:400;font-size:10px;color:var(--dc-muted)}
.dc-items .c-amt.opt span{display:block;font-family:'Tajawal',sans-serif}

/* summary + total */
.dc-sum{margin:10px 52px 0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.dc-sum .row{display:grid;grid-template-columns:160px 150px 120px;align-items:center;font-size:10.5px}
.dc-sum .row .ar{font-family:'Tajawal',sans-serif;text-align:right;direction:rtl;padding-right:12px;color:var(--dc-muted)}
.dc-sum .row .en{color:var(--dc-muted);letter-spacing:1px;font-size:9px;font-weight:600}
.dc-sum .row .v{text-align:right;font-weight:600}
.dc-total{position:relative;margin:14px 52px 0;display:grid;grid-template-columns:1fr 230px;height:58px}
.dc-total .lab{background:var(--dc-blue);display:flex;align-items:center;justify-content:space-between;padding:0 22px}
.dc-total .lab .en{font-size:10px;font-weight:700;letter-spacing:2.2px}
.dc-total .lab .ar{font-family:'Tajawal',sans-serif;font-weight:700;font-size:15px}
.dc-total .val{background:var(--dc-brown);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:25px;font-weight:700;letter-spacing:.5px}
.dc-words{margin:10px 52px 0;display:flex;justify-content:space-between;gap:20px;font-size:9.5px;color:var(--dc-muted)}
.dc-words .en{font-style:italic}
.dc-words .ar{font-family:'Tajawal',sans-serif;direction:rtl;font-size:10.5px}

/* notes */
.dc-notes{margin:18px 52px 0;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.dc-notes h3{margin:0 0 7px;font-family:'Playfair Display',serif;font-weight:700;font-size:15px;color:var(--dc-brown)}
.dc-notes .dc-ar h3{font-family:'Tajawal',sans-serif;font-size:16px}
.dc-notes ul{margin:0;padding-left:16px;font-size:9.5px;line-height:1.45}
.dc-notes .dc-ar ul{padding-left:0;padding-right:16px;font-size:10.8px}
.dc-notes li{margin:0 0 1px}

/* payment */
.dc-pay{margin:16px 52px 0;background:var(--dc-cream);border:1.5px solid var(--dc-cream-line);display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:10px 20px}
.dc-pay .lbl{font-size:8.5px;font-weight:600;letter-spacing:2.2px;color:var(--dc-gold);margin-bottom:5px}
.dc-pay .dc-ar .lbl{font-family:'Tajawal',sans-serif;font-size:11px;letter-spacing:0;font-weight:700}
.dc-pay p{margin:0;font-size:9.5px;color:#6D5C52;line-height:1.42}
.dc-pay .dc-ar p{font-size:10.6px}
.dc-pay b{color:var(--dc-ink)}

/* signature */
.dc-sign{margin:12px 52px 0;display:grid;grid-template-columns:1fr 210px 1fr;align-items:center;min-height:100px}
.dc-sign .t{font-family:'Playfair Display',serif;font-weight:700;font-size:14px;color:var(--dc-brown)}
.dc-sign .dc-ar .t{font-family:'Tajawal',sans-serif;font-size:15px}
.dc-sign .s{font-size:8px;letter-spacing:2.2px;color:var(--dc-gold);font-weight:600;margin-top:6px}
.dc-sign .dc-ar .s{font-family:'Tajawal',sans-serif;font-size:10.5px;letter-spacing:0;color:var(--dc-muted);font-weight:400}
.dc-sign .marks{position:relative;height:100px}
.dc-sign .marks .sig{position:absolute;left:0;top:4px;width:96px;transform:rotate(-4deg)}
.dc-sign .marks .stamp{position:absolute;right:0;top:0;width:96px;opacity:.94;transform:rotate(6deg)}
.dc-sign .marks .ph{position:absolute;inset:16px 10px;border:1.5px dashed #D9CDBF;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;color:#B3A497;font-size:9px;font-family:'Tajawal',sans-serif;padding:6px}

/* verify + footer */
.dc-verify{margin-top:8px;display:flex;align-items:center;gap:8px;color:var(--dc-muted);font-size:7.5px;letter-spacing:.3px}
.dc-verify .qr{width:46px;height:46px;flex:none}
.dc-verify .qr img,.dc-verify .qr canvas,.dc-verify .qr svg{width:46px!important;height:46px!important;display:block}
.dc-verify .txt{line-height:1.5}
.dc-verify .txt span{font-family:'Tajawal',sans-serif;font-size:8.5px}
.dc-spacer{flex:1 1 auto;min-height:20px}
.dc-foot{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 52px;color:#E8D9C9;font-size:9.5px}
.dc-foot .ar{font-family:'Tajawal',sans-serif;font-size:10.5px}

/* watermarks / status marks */
.dc-wm{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-24deg);font-family:'Playfair Display',serif;font-size:110px;font-weight:700;letter-spacing:10px;color:rgba(59,30,18,.06);pointer-events:none;white-space:nowrap;z-index:5}
.dc-wm small{display:block;text-align:center;font-family:'Tajawal',sans-serif;font-size:56px;letter-spacing:0}
.dc-wm.cancel{color:rgba(190,40,40,.10)}
.dc-paid{position:absolute;left:165px;top:-12px;transform:rotate(-12deg);border:3px solid rgba(40,140,80,.55);color:rgba(40,140,80,.75);border-radius:10px;padding:4px 14px;font-family:'Playfair Display',serif;font-weight:700;font-size:20px;letter-spacing:4px;text-align:center;line-height:1.1;z-index:6;background:rgba(255,255,255,.35)}
.dc-paid small{display:block;font-family:'Tajawal',sans-serif;font-size:13px;letter-spacing:0}

@media print{
  @page{size:A4;margin:0}
  html,body{background:#fff!important}
}