/* 017 – DOCX-import és pontosabb A4 oldalkép */
.portfolio-paper{padding:var(--page-top) var(--page-right) var(--page-bottom) var(--page-left);line-height:var(--portfolio-line-height)}
.portfolio-paper:focus-within{border-color:var(--blue)}
#portfolio-document{position:relative;min-height:235mm;outline:none}
.portfolio-paper>header,.portfolio-paper>footer{display:flex;justify-content:space-between;gap:20px;color:#576b80;font-size:10pt}
.portfolio-paper>header{padding-bottom:9px;margin-bottom:24px;border-bottom:1px solid #adb8c4}
.portfolio-paper>footer{padding-top:9px;margin-top:24px;border-top:1px solid #adb8c4}
.portfolio-page-number:after{content:"Oldal " counter(page)}
.portfolio-docx-host{outline:none}.portfolio-docx-pages{display:grid;gap:24px;justify-content:center;counter-reset:portfolio-page}.portfolio-docx-pages>section.docx{position:relative;margin:0!important;border:1px solid #cbd6e2;box-shadow:0 18px 45px rgba(16,42,67,.13);counter-increment:portfolio-page;background:#fff}.portfolio-docx-pages>section.docx:after{content:"";position:absolute;right:12mm;bottom:7mm;color:#63778b;font:10pt Arial,sans-serif}.portfolio-docx-pages>section.docx[data-portfolio-page]:after{content:"Oldal " attr(data-portfolio-page)}.portfolio-docx-styles{display:none}
.portfolio-paper hr,.portfolio-paper hr.page-break{border:0;border-top:2px dashed #a9b7c6;margin:28px 0;break-after:page;page-break-after:always}
.portfolio-image{position:relative;width:60%;max-width:100%;margin:16px auto;padding:8px;border:1px dashed #b6c3d1;border-radius:8px}
.portfolio-image img{display:block;max-width:100%;height:auto;margin:0 auto}
.portfolio-paper img.selected-portfolio-image,.portfolio-docx-host img.selected-portfolio-image{outline:3px solid var(--blue);outline-offset:3px;cursor:pointer}.portfolio-replace-image{background:#fff8e8!important;border-color:#e7bd68!important;color:#8a5b08!important}
.portfolio-image figcaption{text-align:center;color:#66798d;font-size:10pt;margin-top:6px}
.image-size-controls{display:flex;justify-content:center;gap:5px;margin-top:7px}
.image-size-controls button{border:1px solid #ccd7e2;border-radius:6px;background:#f4f7fb;padding:4px 7px;font-size:10px}
.docx-template-upload{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:18px;border:2px dashed #9eb5d0;border-radius:14px;background:#f4f8ff;cursor:pointer}
.docx-template-upload b{font-size:17px;color:var(--blue)}.docx-template-upload span{color:var(--muted);font-size:12px}.docx-template-upload input{margin-top:8px}
.portfolio-page-settings{display:grid!important;grid-template-columns:repeat(5,1fr);gap:10px}.portfolio-page-settings label{font-size:11px}.portfolio-page-settings input,.portfolio-page-settings select{width:100%}
@media(max-width:800px){.portfolio-page-settings{grid-template-columns:1fr 1fr}}
@media print{
  .image-size-controls,.drag-handle,.ppt-element-delete{display:none!important}
  .portfolio-paper{padding:var(--page-top) var(--page-right) var(--page-bottom) var(--page-left)!important}
  .portfolio-image{border:0;padding:0;page-break-inside:avoid}
  .portfolio-print-header{position:fixed;top:6mm;left:var(--page-left);right:var(--page-right)}
  .portfolio-print-footer{position:fixed;bottom:6mm;left:var(--page-left);right:var(--page-right)}
  .portfolio-docx-pages{display:block}.portfolio-docx-pages>section.docx{margin:0!important;border:0;box-shadow:none;break-after:page;page-break-after:always}.portfolio-docx-pages>section.docx:last-child{break-after:auto;page-break-after:auto}
}