/* PDF-Farbdesign pro Firma v107: Nur Farben, kein Layoutwechsel. */
:root{
  --company-pdf-primary:#1f3f6d;
  --company-pdf-secondary:#f58220;
  --company-pdf-soft:#f3f6fa;
}
.page,
#mobilePdfRoot .page,
.pdf-export-root .page{
  --pdf-blue:var(--company-pdf-primary,#1f3f6d)!important;
  --pdf-orange:var(--company-pdf-secondary,#f58220)!important;
}
.page .offer-table th,
#mobilePdfRoot .offer-table th,
.pdf-export-root .offer-table th{
  background:var(--company-pdf-primary,#1f3f6d)!important;
}
.page .customer-card .block-label,
.page .offer-table .num,
.page .info-box h3,
.page .footer b,
.page .continuation-label,
#mobilePdfRoot .customer-card .block-label,
#mobilePdfRoot .offer-table .num,
#mobilePdfRoot .info-box h3,
#mobilePdfRoot .footer b,
#mobilePdfRoot .continuation-label,
.pdf-export-root .customer-card .block-label,
.pdf-export-root .offer-table .num,
.pdf-export-root .info-box h3,
.pdf-export-root .footer b,
.pdf-export-root .continuation-label{
  color:var(--company-pdf-primary,#1f3f6d)!important;
}
.page .company-card,
#mobilePdfRoot .company-card,
.pdf-export-root .company-card{
  border-left-color:var(--company-pdf-secondary,#f58220)!important;
}
.page .total-row,
#mobilePdfRoot .total-row,
.pdf-export-root .total-row{
  border-top-color:var(--company-pdf-secondary,#f58220)!important;
}
.page .offer-table tbody tr:nth-child(odd) td,
#mobilePdfRoot .offer-table tbody tr:nth-child(odd) td,
.pdf-export-root .offer-table tbody tr:nth-child(odd) td{
  background:var(--company-pdf-soft,#f3f6fa)!important;
}
.pdf-theme-card{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:13px;
  margin:12px 0;
}
.pdf-theme-card .section-title{margin-bottom:10px}
.pdf-theme-input-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-items:end;
}
.pdf-theme-color-field{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:8px;
  align-items:center;
}
.pdf-theme-color-field input[type="color"]{
  width:56px;
  height:44px;
  padding:3px;
  border-radius:13px;
  cursor:pointer;
}
.pdf-theme-swatch-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-transform:uppercase}
.pdf-theme-preview{
  margin-top:12px;
  border:1px solid #e5e7eb;
  border-radius:18px;
  background:#e5e7eb;
  padding:14px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.pdf-theme-a4{
  --sample-primary:#1f3f6d;
  --sample-secondary:#f58220;
  --sample-soft:#f3f6fa;
  width:min(100%,520px);
  aspect-ratio:794 / 1123;
  margin:0 auto;
  background:#fff;
  border-radius:6px;
  box-shadow:0 12px 34px rgba(17,24,39,.16);
  padding:7.5% 7% 5.5%;
  font-family:Arial, Helvetica, sans-serif;
  color:#111;
  display:flex;
  flex-direction:column;
  gap:2.5%;
}
.pdf-theme-a4-header{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:7%;
  align-items:start;
}
.pdf-theme-a4-logo{
  width:34%;
  height:20px;
  border-radius:5px;
  background:#111827;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:900;
  margin-bottom:12px;
}
.pdf-theme-a4-customer{
  font-size:12px;
  line-height:1.28;
  color:#111;
}
.pdf-theme-a4-label{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:900;
  color:var(--sample-primary);
  margin-bottom:4px;
}
.pdf-theme-a4-company{
  justify-self:end;
  width:100%;
  max-width:190px;
  border-left:4px solid var(--sample-secondary);
  padding-left:10px;
  font-size:11px;
  line-height:1.25;
  color:#111;
}
.pdf-theme-a4-meta{
  justify-self:end;
  width:100%;
  max-width:190px;
  margin-top:10px;
  font-size:10.5px;
  color:#111;
}
.pdf-theme-a4-meta-box{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:3px 8px;
  background:#f8f8f8;
  border:1px solid #e4e4e4;
  border-radius:8px;
  padding:7px 9px;
  margin-top:6px;
}
.pdf-theme-a4-title{
  margin-top:6%;
  font-size:20px;
  line-height:1.15;
  font-weight:800;
  color:#111;
}
.pdf-theme-a4-intro{
  font-size:12px;
  line-height:1.35;
  color:#333;
  margin-top:1%;
}
.pdf-theme-a4-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin-top:2%;
  font-size:11.4px;
}
.pdf-theme-a4-table th{
  background:var(--sample-primary);
  color:#fff;
  text-align:left;
  padding:7px 8px;
  font-size:11px;
}
.pdf-theme-a4-table th:first-child{border-radius:7px 0 0 0;text-align:center;width:36px}
.pdf-theme-a4-table th:last-child{border-radius:0 7px 0 0;text-align:right;width:92px}
.pdf-theme-a4-table td{
  padding:8px;
  border-bottom:2px solid #fff;
  background:#fbfbfb;
  vertical-align:top;
}
.pdf-theme-a4-table tr:nth-child(even) td{background:var(--sample-soft)}
.pdf-theme-a4-table .pos{text-align:center;font-weight:900;color:var(--sample-primary)}
.pdf-theme-a4-table .money{text-align:right;font-weight:900;white-space:nowrap}
.pdf-theme-a4-total{
  display:flex;
  justify-content:flex-end;
  margin-top:1.4%;
}
.pdf-theme-a4-total-inner{
  min-width:44%;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
  border-top:3px solid var(--sample-secondary);
  padding-top:7px;
  font-size:14px;
  font-weight:900;
}
.pdf-theme-a4-info{
  margin-top:4%;
  border:1px solid #e8e8e8;
  border-radius:9px;
  background:#fbfbfb;
  padding:10px 12px;
  font-size:11px;
  line-height:1.3;
  color:#333;
}
.pdf-theme-a4-info b{
  display:block;
  color:var(--sample-primary);
  font-size:12px;
  margin-bottom:4px;
}
.pdf-theme-a4-footer{
  margin-top:auto;
  border-top:1px solid #d9d9d9;
  padding-top:8px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px;
  text-align:center;
  font-size:9px;
  line-height:1.25;
}
.pdf-theme-a4-footer b{color:var(--sample-primary)}
.pdf-theme-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pdf-theme-status{font-size:12.5px;color:#64748b;margin-top:8px}
@media(max-width:700px){
  .pdf-theme-input-row{grid-template-columns:1fr}
  .pdf-theme-preview{padding:10px;margin-left:-2px;margin-right:-2px}
  .pdf-theme-a4{width:100%;min-width:280px;padding:7% 6% 5%}
  .pdf-theme-a4-header{gap:5%}
  .pdf-theme-a4-logo{width:48%;font-size:9px;height:18px}
  .pdf-theme-a4-title{font-size:17px}
  .pdf-theme-a4-customer,.pdf-theme-a4-company,.pdf-theme-a4-intro{font-size:10px}
  .pdf-theme-a4-table{font-size:9.5px}
  .pdf-theme-a4-info{font-size:9.5px}
  .pdf-theme-a4-footer{font-size:7.7px}
  .pdf-theme-actions{display:grid;grid-template-columns:1fr}
}