/* 016 – szakmai portfóliókészítő */
.portfolio-builder-card{border-top-color:#d48b24}.portfolio-page{max-width:1280px;margin:auto}.portfolio-page-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:18px}.portfolio-page-head h1{margin:5px 0;font-size:clamp(27px,4vw,42px)}.portfolio-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.portfolio-actions>span{width:100%;text-align:right;color:var(--muted);font-size:12px}.portfolio-toolbar{position:sticky;top:88px;z-index:15;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px;background:#e9eff7;border:1px solid #ccd8e5;border-radius:13px 13px 0 0}.portfolio-toolbar button,.portfolio-toolbar select,.portfolio-toolbar input[type="number"],.portfolio-color,.portfolio-image-button{min-height:38px;border:1px solid #cbd6e2;border-radius:8px;background:#fff;color:var(--navy);padding:7px 10px;font-weight:650}.portfolio-color,.portfolio-image-button{display:flex;align-items:center;gap:6px;cursor:pointer}.portfolio-color input{width:25px;height:23px;border:0;padding:0;background:none}.portfolio-paper{width:min(210mm,100%);min-height:297mm;margin:0 auto 25px;padding:20mm 18mm 22mm;background:#fff;border:1px solid #ccd8e5;box-shadow:0 18px 45px rgba(16,42,67,.13);font-family:Arial,sans-serif;font-size:12pt;line-height:1.55;outline:none}.portfolio-paper:focus{border-color:var(--blue)}.portfolio-paper>header{display:flex;justify-content:space-between;gap:20px;padding-bottom:9px;margin-bottom:24px;border-bottom:1px solid #adb8c4;color:#576b80;font-size:10pt}.portfolio-paper img{display:block;max-width:100%;height:auto;margin:14px auto;resize:both;overflow:auto}.portfolio-paper hr{border:0;border-top:2px dashed #a9b7c6;margin:28px 0;break-after:page}.portfolio-comments{width:min(210mm,100%);margin:0 auto;background:#fff7e9;border:1px solid #efd39e;border-radius:14px;padding:20px}.portfolio-comments h2{margin-top:0}.portfolio-comments article{border-top:1px solid #ecd8b5;padding:12px 0}.portfolio-comments p{margin:5px 0}.portfolio-comments small{color:var(--muted)}
@media(max-width:900px){.portfolio-page-head{grid-template-columns:1fr}.portfolio-page-head>button{justify-self:start}.portfolio-actions{justify-content:flex-start}.portfolio-actions>span{text-align:left}.portfolio-toolbar{top:75px}.portfolio-paper{min-height:auto;padding:25px 20px}}
.portfolio-paper table{width:100%;border-collapse:collapse;margin:14px 0}.portfolio-paper th,.portfolio-paper td{min-width:55px;border:1px solid #65788b;padding:8px}
@media print{body{background:#fff}.topbar,.portfolio-page-head,.portfolio-toolbar,.portfolio-comments,.legal-links,.cookie-banner,#portfolio-message{display:none!important}.shell{max-width:none;padding:0}.portfolio-page{max-width:none}.portfolio-paper{width:210mm;min-height:297mm;margin:0;padding:15mm 17mm 18mm;border:0;box-shadow:none}.portfolio-paper img{max-width:100%;page-break-inside:avoid}@page{size:A4;margin:0}}

/* 037 – portfóliósablon típusok: admin választókártyák és PowerPoint-szerű diaszerkesztő */
.portfolio-template-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.portfolio-template-card{display:flex;flex-direction:column;gap:12px}
.portfolio-ppt-slides{display:flex;flex-direction:column;gap:22px;max-width:960px;margin:0 auto}
.ppt-slide{position:relative;aspect-ratio:16/9;width:100%;background:#fff;border:1px solid #ccd8e5;border-radius:14px;box-shadow:0 18px 45px rgba(16,42,67,.13);padding:32px 40px;overflow:auto;outline:none;font-family:Arial,sans-serif}
.ppt-slide:focus{border-color:var(--blue)}
.ppt-slide.is-empty::before{content:"Kattints ide, és kezdd el összeállítani a diát…";color:#93a3b3;font-style:italic;pointer-events:none}
.ppt-slide h2{margin-top:0}
.ppt-slide-image,.ppt-slide img{max-width:100%;display:block;margin:10px auto}
.ppt-image-wrap{display:inline-block;position:relative;width:220px;height:160px;max-width:100%;resize:both;overflow:hidden;vertical-align:top;margin:6px;border:1px dashed transparent;border-radius:6px}
.ppt-image-wrap:hover{border-color:#9aa9b8}
.ppt-image-wrap img{width:100%;height:100%;object-fit:contain;margin:0}
.ppt-textbox-wrap{position:absolute}
.ppt-textbox{position:relative;display:block;min-width:100px;min-height:44px;padding:12px 14px;border:1px dashed transparent;border-radius:8px;background:transparent;resize:both;overflow:auto;outline:none;cursor:text}
.ppt-textbox:hover,.ppt-textbox:focus{border-color:#9aa9b8;background:rgba(255,255,255,.6)}
.ppt-textbox.is-empty::before{content:"Szövegdoboz…";color:#93a3b3;font-style:italic;pointer-events:none}
.drag-handle{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#1c3a5e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:grab;font-size:11px;line-height:1;z-index:6;user-select:none;opacity:0;pointer-events:none;transition:opacity .15s}
.ppt-textbox-wrap .drag-handle{top:-14px;left:-14px}
.drag-handle:active{cursor:grabbing}
.ppt-textbox:hover .drag-handle,.ppt-textbox:focus-within .drag-handle,.ppt-image-wrap:hover .drag-handle,.ppt-textbox-wrap:hover .drag-handle,.ppt-textbox-wrap:focus-within .drag-handle{opacity:1;pointer-events:auto}
.ppt-element-delete{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:1px solid #cbd6e2;background:#fff;color:#8a3131;font-weight:700;cursor:pointer;line-height:1;z-index:6;opacity:0;pointer-events:none;transition:opacity .15s}
.ppt-textbox-wrap .ppt-element-delete{top:-14px;right:-14px}
.ppt-textbox:hover .ppt-element-delete,.ppt-textbox:focus-within .ppt-element-delete,.ppt-image-wrap:hover .ppt-element-delete,.ppt-textbox-wrap:hover .ppt-element-delete,.ppt-textbox-wrap:focus-within .ppt-element-delete{opacity:1;pointer-events:auto}
.ppt-slide-delete{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;border:1px solid #cbd6e2;background:#fff;color:#8a3131;font-weight:700;cursor:pointer;line-height:1}
.portfolio-toolbar input[type="number"]{width:56px;text-align:center;padding:7px 4px}
#ppt-add-slide{white-space:nowrap}
.ppt-bg-controls{display:flex;align-items:center;gap:6px}
#portfolio-document:empty::before,.portfolio-template-editor:empty::before{content:"Kezdd el a szöveg beírását…";color:#93a3b3;font-style:italic;pointer-events:none}
@media(max-width:900px){.ppt-slide{aspect-ratio:auto;min-height:220px;padding:20px}}
@media print{.ppt-slide{aspect-ratio:auto;break-inside:avoid;page-break-inside:avoid;margin-bottom:16px}.ppt-slide.is-empty::before{display:none}#portfolio-document:empty::before{display:none}.ppt-image-wrap,.ppt-textbox{resize:none}.drag-handle,.ppt-element-delete{display:none!important}}