/* A light job card through the original silver draft housing. */
.dp-printer{
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:11px 0 9px;
  margin:1px 0 3px;
  isolation:isolate;
}
.dp-slot{
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  right:0;
  height:9px;
  overflow:hidden;
  border:1px solid #707579;
  border-radius:7px;
  background:linear-gradient(#151c22,#252c32 54%,#535b63 55%,#192127);
  box-shadow:0 1px 0 #fbfcfd,inset 0 2px 3px #060b0fc4,0 -1px 1px #767e85;
  pointer-events:none;
}
.dp-slot:before,.dp-slot:after{
  content:"";
  position:absolute;
  z-index:1;
  top:1px;
  bottom:1px;
  width:3px;
  border-radius:2px;
  background:linear-gradient(90deg,#7d8a97,#cad1d7,#46515b);
}
.dp-slot:before{left:5px}
.dp-slot:after{right:5px}
.dp-roller-light{
  position:absolute;
  inset:0 auto 0 0;
  width:33%;
  opacity:0;
  background:linear-gradient(90deg,transparent,#d8e6f6,transparent);
}
.dp-card{
  --dp-paper:#f2f1e9;
  position:relative;
  z-index:1;
  width:calc(100% - 12px);
  min-width:0;
  margin:-6px auto 0;
  padding:18px 20px 27px;
  border:1px solid #d6d4ca;
  border-top-color:#b3b6b3;
  border-radius:1px 1px 2px 2px;
  background:
    linear-gradient(180deg,#333f5124,transparent 22px),
    repeating-linear-gradient(0deg,#ffffff0a 0 1px,#c3bda008 1px 2px),
    var(--dp-paper);
  color:#28313a;
  box-shadow:0 3px 4px #17212d22,1px 7px 13px #141f3026;
  transform-origin:50% 0;
}
.dp-card:after{
  content:"";
  position:absolute;
  left:17px;
  right:17px;
  bottom:11px;
  height:1px;
  background:repeating-linear-gradient(90deg,#929b9f8c 0 2px,transparent 2px 6px);
  pointer-events:none;
}
.dp-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:28px;
  margin:0 0 10px;
  padding-right:2px;
}
.dp-card-holes{
  width:26px;
  height:5px;
  background:
    radial-gradient(circle at 3px 50%,#828f988c 0 2px,transparent 2.4px),
    radial-gradient(circle at 23px 50%,#828f988c 0 2px,transparent 2.4px);
  filter:drop-shadow(0 1px 0 #ffffff);
}
.dp-stamp{
  display:inline-block;
  padding:4px 7px 3px 9px;
  border:1.5px solid #0638dba8;
  color:#0638bf;
  font-size:10px;
  font-weight:700;
  letter-spacing:.2em;
  line-height:1;
  white-space:nowrap;
  transform:rotate(-6deg);
  transform-origin:50% 65%;
  box-shadow:inset 0 0 0 1px #0638db17;
  text-shadow:.25px .2px 0 #0638db33;
}
.dp-card>.receipt-details{border-top:1px solid #89979c66}
.dp-card>.receipt-details>div{padding:12px 0;border-bottom:1px solid #a1a9ac55}
.dp-card>.receipt-details>div:last-child{border-bottom:0;padding-bottom:2px}
.dp-card .receipt-details dt{color:#4b5a65}
.dp-card .receipt-details dd{color:#252e36;min-width:0}

@media(max-width:620px){
  .dp-card{width:calc(100% - 8px);padding:16px 16px 26px}
  .dp-card-head{margin-bottom:8px}
  .dp-stamp{font-size:9px}
}
@media(forced-colors:active){
  .dp-slot{background:CanvasText;border-color:CanvasText;box-shadow:none}
  .dp-slot:before,.dp-slot:after,.dp-roller-light,.dp-card-holes{display:none}
  .dp-card{color:CanvasText;background:Canvas;border:1px solid CanvasText;box-shadow:none}
  .dp-card:after{background:none;border-top:1px dashed CanvasText}
  .dp-card>.receipt-details,.dp-card>.receipt-details>div{border-color:CanvasText}
  .dp-card .receipt-details dt,.dp-card .receipt-details dd{color:CanvasText}
  .dp-stamp{color:Highlight;border-color:Highlight;box-shadow:none;text-shadow:none}
}
@media print{
  .dp-printer{padding:0;margin:0}
  .dp-slot,.dp-card-holes{display:none}
  .dp-card{width:100%;margin:0;box-shadow:none;background:#fff}
  .dp-stamp{color:#222;border-color:#555;box-shadow:none;text-shadow:none}
}