:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2937;background:#f5f7f8;line-height:1.45}*{box-sizing:border-box}body{margin:0}.topbar{display:flex;align-items:center;gap:24px;padding:14px 24px;background:#173f35;color:white}.brand{font-weight:700;white-space:nowrap}.brand span{font-size:.75rem;opacity:.7}.topbar nav{display:flex;gap:16px;flex:1;flex-wrap:wrap}.topbar a,.link-button{color:white;text-decoration:none}.link-button{background:none;border:0;padding:0;cursor:pointer}.container{max-width:1240px;margin:28px auto;padding:0 20px}.public{max-width:760px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.page-head h1{margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:16px;margin:20px 0}.cards.mini{grid-template-columns:repeat(auto-fit,minmax(120px,180px))}.card,.panel,.login-card,.notice{background:white;border:1px solid #dfe5e7;border-radius:12px;padding:20px}.card strong{font-size:2rem;display:block}.card span{color:#667085}.grid2{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:20px}.grid2.compact{grid-template-columns:1fr 1fr}.stack{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:6px;font-weight:600}input,select,textarea{font:inherit;padding:10px 12px;border:1px solid #cfd8dc;border-radius:8px;background:white;max-width:100%}input[type=file]{padding:8px}textarea{resize:vertical}button,.button{font:inherit;padding:10px 16px;border:0;border-radius:8px;background:#215b4d;color:white;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.button.secondary,button.secondary{background:#e9efed;color:#173f35}.danger{background:#9b2c2c}.small{padding:6px 10px;font-size:.85rem}.login-card{max-width:480px;margin:10vh auto}.narrow{max-width:760px}.muted,.hint{color:#667085}.hint{font-size:.9rem}.alert{padding:12px;border-radius:8px;background:#fff3f1;border:1px solid #ffc8bf;margin:10px 0}.notice{margin-top:24px}.notice.success{background:#f0f8f4;border-color:#c6e4d5}.notice.warning{background:#fff8e8;border-color:#f0d18a}.section-gap{margin-top:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px 8px;border-bottom:1px solid #e8ecee;text-align:left;vertical-align:top}th{white-space:nowrap}.badge{font-size:.8rem;background:#edf2f1;padding:3px 8px;border-radius:999px;white-space:nowrap}.status-active{background:#e8f6ee}.status-pending{background:#fff3cd}.status-unsubscribed,.status-suppressed,.status-hard_bounce{background:#f8e8e8}a{color:#195c4b}.inline-form{display:inline-block;margin:0 6px 6px 0}.details{display:grid;grid-template-columns:160px 1fr;gap:8px 12px}.details dt{font-weight:700}.details dd{margin:0}.break{overflow-wrap:anywhere;word-break:break-word}.block-code{display:block;padding:12px;background:#f5f7f8;border-radius:8px}.clean-list{padding-left:20px}.clean-list li{margin:8px 0}details{margin-top:8px}summary{cursor:pointer;color:#195c4b}.wide{min-width:0}@media(max-width:800px){.grid2,.grid2.compact{grid-template-columns:1fr}.topbar{flex-wrap:wrap}.topbar nav{order:3;width:100%;overflow:auto;flex-wrap:nowrap}.page-head{flex-direction:column}.details{grid-template-columns:1fr}.cards.mini{grid-template-columns:1fr 1fr}}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.status-queued,.status-sending{background:#e8f0fa}.status-sent{background:#e8f6ee}.status-failed,.status-skipped,.status-sent_with_errors{background:#f8e8e8}.checkline{display:flex;flex-direction:row;align-items:flex-start;gap:10px}.checkline input{margin-top:4px;width:auto}button:disabled{opacity:.45;cursor:not-allowed}code{background:#f0f3f4;padding:2px 5px;border-radius:4px}
.status-scheduled{background:#eee8fb;color:#513c8c}.status-schedule_failed{background:#f8e8e8;color:#842029}.status-cancelled{background:#eceff1;color:#455a64}.editor-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:20px}.preview-panel{position:sticky;top:18px;align-self:start}.preview-stage{background:#e9edef;border-radius:10px;padding:16px;min-height:520px;display:flex;justify-content:center;overflow:auto}.preview-stage iframe{width:100%;height:720px;border:1px solid #cad3d7;border-radius:6px;background:white;transition:width .2s}.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.compact-head{margin-bottom:10px}.compact-head h2{margin:0}.stats-wide{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.send-actions{grid-template-columns:1fr 1fr}.quota-progress{width:100%;height:20px;accent-color:#215b4d}.health-ok{font-size:1.4rem!important}.health-bad{font-size:1.4rem!important;color:#9b2c2c}.code-area{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85rem}.secret-key{font-size:1.05rem;letter-spacing:.08em}.template-card summary{font-size:1.05rem}.public-form-preview{max-width:520px}@media(max-width:1000px){.editor-layout{grid-template-columns:1fr}.preview-panel{position:static}.send-actions{grid-template-columns:1fr}}

/* 1.4.1 – vizuális hírlevél builder */
.container{max-width:1500px}
.builder-panel{padding:0;overflow:hidden}
.builder-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #dfe5e7;background:#fff}
.mode-switch,.builder-top-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mode-button{background:transparent;color:#455a64;border:1px solid transparent}.mode-button.active{background:#e8f2ef;color:#173f35;border-color:#b8d4cc}.toolbar-separator{height:24px;width:1px;background:#dfe5e7;margin:0 4px}.builder-top-actions button.active{outline:2px solid #9fc8bd}
.newsletter-builder{display:grid;grid-template-columns:230px minmax(480px,1fr) 300px;min-height:720px;background:#eef1f1}
.builder-library,.builder-inspector{background:#fff;min-width:0}.builder-library{border-right:1px solid #dfe5e7}.builder-inspector{border-left:1px solid #dfe5e7;padding:16px;overflow:auto;max-height:calc(100vh - 120px);position:sticky;top:0;align-self:start}
.builder-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e4e8e8;padding:0 8px}.builder-tab{background:transparent;color:#43504c;border-radius:0;padding:13px 5px;border-bottom:2px solid transparent}.builder-tab.active{color:#215b4d;border-bottom-color:#215b4d}.builder-library-pane{padding:14px}.builder-tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.builder-tile{display:flex;min-height:92px;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#fff;color:#1f2937;border:1px solid #dce3e1;border-radius:12px;padding:10px;cursor:grab}.builder-tile:hover,.section-preset:hover{border-color:#88b8aa;background:#f6fbf9}.tile-icon{font-size:27px;line-height:1;color:#168f75;font-family:Georgia,serif}.builder-help{font-size:.78rem;color:#75817d;margin:14px 2px 0}.section-preset{display:flex;align-items:center;gap:10px;width:100%;background:#fff;color:#263238;border:1px solid #dce3e1;border-radius:9px;margin-bottom:9px;text-align:left;cursor:grab}.section-mini{display:grid;width:58px;height:30px;gap:3px}.section-mini:before,.section-mini:after{content:"";border:1px solid #94a8a2;background:#f8fbfa}.section-mini.one{grid-template-columns:1fr}.section-mini.one:after{display:none}.section-mini.two{grid-template-columns:1fr 1fr}.section-mini.three{grid-template-columns:1fr 1fr 1fr}.section-mini.three:after{box-shadow:20px 0 0 -1px #f8fbfa,20px 0 0 0 #94a8a2}.section-mini.four{grid-template-columns:1fr 1fr}.section-mini.four:before{box-shadow:0 16px 0 -1px #f8fbfa,0 16px 0 0 #94a8a2}.section-mini.four:after{box-shadow:0 16px 0 -1px #f8fbfa,0 16px 0 0 #94a8a2}
.builder-stage-wrap{min-width:0;display:flex;flex-direction:column}.builder-stage{padding:28px 20px 46px;min-height:680px;overflow:auto;display:flex;justify-content:center;transition:background .15s}.builder-email{width:100%;min-height:620px;background:#fff;box-shadow:0 2px 16px rgba(26,45,39,.12);transition:max-width .2s,width .2s}.builder-stage.mobile-preview .builder-email{max-width:390px!important}.builder-status{height:38px;background:#fff;border-top:1px solid #dfe5e7;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;color:#667085;font-size:.78rem}
.builder-canvas-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7b8783;gap:8px;border:2px dashed #cad4d1;margin:24px}.builder-section{position:relative;border:2px solid transparent}.builder-section:hover{border-color:#c8dbd5}.builder-section.selected{border-color:#2c8f78}.section-tools{position:absolute;z-index:5;top:-30px;left:-2px;height:28px;display:none;align-items:center;gap:3px;background:#2c8f78;color:white;border-radius:5px 5px 0 0;padding:2px 5px;font-size:.72rem}.builder-section:hover>.section-tools,.builder-section.selected>.section-tools{display:flex}.section-tools button,.block-handle button{padding:1px 5px;background:transparent;color:inherit;border-radius:3px;font-size:.8rem}.section-tools button:hover,.block-handle button:hover{background:rgba(255,255,255,.2)}.drag-dots{cursor:grab}.builder-columns{display:flex;width:100%;align-items:stretch}.builder-column{position:relative;min-width:0;min-height:52px;border:1px dashed transparent;transition:background .1s}.builder-column:hover{border-color:#d8e2df}.builder-column.drag-over{background:#e7f5f0;border-color:#2c8f78}.column-empty{margin:7px;padding:18px 5px;border:1px dashed #cbd5d1;border-radius:4px;text-align:center;color:#8a9692;font-size:.75rem}.block-drop-end{height:10px;overflow:hidden;text-align:center;color:#2c8f78;font-size:.65rem;opacity:0}.builder-column.drag-over .block-drop-end,.builder-column:hover .block-drop-end{height:22px;opacity:1}
.builder-block{position:relative;border:2px solid transparent;cursor:pointer}.builder-block:hover{border-color:#96c2b6}.builder-block.selected{border-color:#168f75}.builder-block.dragging{opacity:.35}.block-handle{position:absolute;z-index:4;right:0;top:-25px;height:24px;display:none;align-items:center;gap:4px;background:#168f75;color:white;padding:1px 4px;border-radius:4px 4px 0 0;font-size:.68rem;cursor:grab}.builder-block:hover>.block-handle,.builder-block.selected>.block-handle{display:flex}.block-content img{vertical-align:middle}.builder-rich-preview p:first-child{margin-top:0}.builder-rich-preview p:last-child{margin-bottom:0}.image-placeholder{padding:24px 10px;border:1px dashed #a9b9b4;color:#82908c;text-align:center;font-size:2rem}.image-placeholder span{font-size:.8rem}.spacer-label{display:block;text-align:center;color:#9aa5a1;font-size:.65rem;line-height:18px}
.builder-inspector h3{margin:0 0 3px}.builder-inspector label{margin-top:12px;font-size:.86rem}.inspector-note{display:block;color:#75817d;font-size:.78rem}.inspector-empty p,.inspector-tip{color:#6f7c78;font-size:.8rem}.inspector-tip{padding:9px;background:#f5f8f7;border-radius:7px}.inspector-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.inspector-head .small{font-size:.72rem;padding:6px 8px}.number-row,.color-row{display:flex;align-items:center;gap:7px}.number-row input{min-width:0;width:100%}.number-row span{color:#75817d;font-size:.78rem}.color-row input[type=color]{width:46px;min-width:46px;height:38px;padding:3px}.color-row input[type=text]{min-width:0}.segment{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.segment button{padding:7px 4px;background:#edf2f1;color:#3b4b46;font-size:.76rem}.segment button.active{background:#215b4d;color:#fff}.padding-field,.builder-inspector fieldset{border:1px solid #dce3e1;border-radius:8px;margin:16px 0 0;padding:10px}.padding-field legend,.builder-inspector legend{font-size:.77rem;font-weight:700;color:#53605c}.padding-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.padding-grid label{margin-top:0;font-size:.72rem}.padding-grid input{padding:7px}.column-widths{display:grid;grid-template-columns:1fr 1fr;gap:7px}.column-widths label{margin:0;font-size:.72rem}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.upload-state{font-size:.76rem;color:#61716c;margin-top:4px}
.saved-block-tile{display:grid;grid-template-columns:1fr auto;border:1px solid #dce3e1;border-radius:8px;margin-bottom:8px;overflow:hidden;background:#fff}.saved-block-tile>button:first-child{display:flex;align-items:center;gap:8px;text-align:left;background:#fff;color:#263238;padding:8px}.saved-block-tile strong,.saved-block-tile small{display:block}.saved-block-tile small{color:#77837f;font-weight:400}.saved-icon{width:28px;height:28px;border-radius:5px;background:#e8f5f1;color:#168f75;display:grid;place-items:center}.saved-delete{background:#fff;color:#9b2c2c;padding:8px;border-left:1px solid #edf0ef;border-radius:0}
.builder-save-row{display:flex;align-items:center;gap:14px}.html-source-mode{padding:16px}.html-editor-grid{grid-template-columns:1fr 1fr}.html-source-mode .preview-stage{min-height:500px}.html-source-mode .preview-stage iframe{height:680px}.builder-panel[hidden],.newsletter-builder[hidden],.html-source-mode[hidden]{display:none!important}
@media(max-width:1200px){.newsletter-builder{grid-template-columns:200px minmax(420px,1fr) 270px}.builder-tile-grid{grid-template-columns:1fr}.builder-tile{min-height:62px;flex-direction:row}.tile-icon{font-size:22px}.html-editor-grid{grid-template-columns:1fr}}
@media(max-width:950px){.newsletter-builder{grid-template-columns:1fr}.builder-library,.builder-inspector{border:0;border-bottom:1px solid #dfe5e7}.builder-inspector{position:static;max-height:none}.builder-tile-grid{grid-template-columns:repeat(3,1fr)}.builder-tile{flex-direction:column}.builder-stage{padding:20px 8px 40px}.builder-topbar{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.builder-tile-grid{grid-template-columns:1fr 1fr}.builder-status{height:auto;min-height:38px;flex-wrap:wrap;padding:8px}.builder-columns{overflow-x:auto}.builder-column{min-width:170px}.builder-top-actions{width:100%}}
.builder-inline[contenteditable="true"]{outline:1px dashed #7db7a8;outline-offset:3px;cursor:text}.builder-inline[contenteditable="true"]:focus{outline:2px solid #2c8f78;background:rgba(232,245,241,.35)}

/* 1.4.1 – CSV import/export */
.import-map-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}
.import-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.export-panel{padding:14px 18px;margin:12px 0 20px}.export-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.export-row .hint{margin-top:3px}
@media(max-width:800px){.import-map-layout{grid-template-columns:1fr}.export-row{align-items:flex-start;flex-direction:column}}


/* 1.5.0 – csapatjogosultságok és audience címkék */
.role-chip{font-size:.68rem;background:#edf4f2;color:#315d52;border:1px solid #c7dad5;border-radius:999px;padding:2px 7px;margin-left:6px;white-space:nowrap}.tag-chip{display:inline-flex;align-items:center;gap:3px;background:#e8f5f1;color:#215b4d;border:1px solid #c3ded6;border-radius:999px;padding:2px 8px;margin:2px;font-size:.78rem}.tag-chip form{margin:0}.tag-x{background:transparent;color:#215b4d;padding:0 2px;border:0;font-size:1rem;line-height:1}.tag-list{min-height:34px}.filter-panel{padding:12px 16px}.filter-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.filter-row label{margin:0;min-width:160px}.filter-row label:first-child{flex:1;min-width:240px}.inline-add{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-add input{min-width:220px}.narrow{max-width:520px}@media(max-width:800px){.filter-row{align-items:stretch;flex-direction:column}.filter-row label{width:100%}}
.break-word{overflow-wrap:anywhere;word-break:break-word;max-width:520px}

/* 1.7.0 – automatizációk */
.automation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:18px}.automation-card-head,.automation-statusbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.automation-card h2{margin:0}.automation-mini-cards{margin:14px 0}.automation-mini-cards .card{padding:12px}.automation-mini-cards .card strong{font-size:1.45rem}.automation-main-grid{grid-template-columns:1fr 1fr}.automation-flow{display:flex;flex-direction:column;gap:16px}.automation-step{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;position:relative}.automation-step:not(:last-child):after{content:"";position:absolute;left:20px;top:42px;bottom:-16px;width:2px;background:#cbdad5}.automation-step-index{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#215b4d;color:#fff;font-weight:800;z-index:1}.automation-step-body{border:1px solid #dfe5e7;border-radius:10px;padding:14px;background:#fff}.automation-step-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.automation-step-form{display:grid;grid-template-columns:minmax(220px,1.4fr) 120px 110px minmax(220px,1.5fr) auto;gap:10px;align-items:end}.automation-step-form label{font-size:.82rem}.automation-step-actions{align-self:end}.automation-add-step{border-top:1px solid #e5e9ea;padding-top:18px}.wide-field{min-width:0}.status-completed{background:#e8f6ee}.automation-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}@media(max-width:1100px){.automation-step-form{grid-template-columns:1fr 1fr}.automation-step-form .wide-field{grid-column:1/-1}.automation-step-actions{grid-column:1/-1}.automation-main-grid{grid-template-columns:1fr}}@media(max-width:700px){.automation-grid{grid-template-columns:1fr}.automation-card-head,.automation-statusbar{flex-direction:column}.automation-step-form{grid-template-columns:1fr}}
/* 1.7.1 – production hardening */
.status-delivery_uncertain{background:#fff3cd;color:#664d03;border:1px solid #ffecb5}.uncertain-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.uncertain-actions form{margin:0}.uncertain-actions input{max-width:150px}.button.danger,button.danger{background:#9b2c2c;color:#fff}

/* 1.7.2+ – kontakt- és listakarbantartás */
.danger-zone{border-color:#efb6b6;background:#fffafa}.danger-zone h2{color:#8a2424}.confirm-delete-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.confirm-delete-row label{min-width:240px}.status-archived{background:#eceff1;color:#455a64}@media(max-width:700px){.confirm-delete-row{align-items:stretch;flex-direction:column}.confirm-delete-row label{min-width:0}}

/* 1.7.5 – kontakt bulk kezelés */
.bulk-toolbar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:14px;padding:14px;border:1px solid #dfe5e7;border-radius:10px;background:#f8faf9}.bulk-move-fields,.bulk-delete-fields{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.bulk-move-fields label,.bulk-delete-fields label{min-width:180px;flex:1}.bulk-delete-fields{padding-left:14px;border-left:1px solid #e1d2d2}.check-col{width:42px;text-align:center}.check-col input{width:auto}.contacts-table .membership-chip{font-size:.72rem}.contacts-table td{vertical-align:middle}@media(max-width:1000px){.bulk-toolbar{grid-template-columns:1fr}.bulk-delete-fields{border-left:0;border-top:1px solid #e1d2d2;padding-left:0;padding-top:14px}}@media(max-width:700px){.bulk-move-fields,.bulk-delete-fields{align-items:stretch;flex-direction:column}.bulk-move-fields label,.bulk-delete-fields label{min-width:0;width:100%}}
.contact-edit-grid{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(160px,1fr) minmax(160px,1fr) auto;gap:10px;align-items:end}.contact-edit-grid button{white-space:nowrap}@media(max-width:900px){.contact-edit-grid{grid-template-columns:1fr 1fr}.contact-edit-grid label:first-of-type{grid-column:1/-1}}@media(max-width:600px){.contact-edit-grid{grid-template-columns:1fr}.contact-edit-grid label:first-of-type{grid-column:auto}}

/* 1.7.7 – teljes reszponzív hírlevél-szerkesztő */
.builder-stage.mobile-preview .builder-columns-stack{display:block!important;overflow:visible!important}
.builder-stage.mobile-preview .builder-columns-stack .builder-column{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
.builder-hidden-mobile{opacity:.28;position:relative}
.builder-hidden-mobile:after{content:"Mobilon rejtve";position:absolute;inset:4px auto auto 4px;background:#fff3cd;color:#664d03;border:1px solid #ffecb5;border-radius:999px;padding:2px 7px;font-size:.65rem;z-index:5}
.builder-tile[data-add-block="hero"],.builder-tile[data-add-block="card"]{background:#fffaf0}
.builder-tile[data-add-block="hero"] .tile-icon,.builder-tile[data-add-block="card"] .tile-icon{color:#a67512}
@media(max-width:600px){.builder-stage.mobile-preview .builder-columns-stack{overflow:visible}.builder-stage.mobile-preview .builder-columns-stack .builder-column{min-width:0!important}}

/* 1.7.8 – szekció-beszúrás, javított mozgatás és együtt görgető oldalpanelek */
.builder-panel{overflow:visible}
.newsletter-builder{align-items:start;overflow:visible}
.builder-library,.builder-inspector{position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.builder-library{border-right:1px solid #dfe5e7}
.builder-tabs{position:sticky;top:0;z-index:16;background:#fff}
.section-tools button:disabled{opacity:.35;cursor:default}.section-tools button:disabled:hover{background:transparent}
.section-insert-rail{position:relative;height:0;z-index:20}
.section-insert-hit{position:absolute;left:10px;right:10px;top:-12px;height:24px;display:flex;align-items:center;justify-content:center}
.section-insert-hit:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#2c8f78;opacity:0;transition:opacity .12s}
.section-insert-add{position:relative;z-index:2;display:grid;place-items:center;width:26px;height:26px;min-width:26px;padding:0;border-radius:50%;border:2px solid #2c8f78;background:#fff;color:#2c8f78;font-size:20px;line-height:1;font-weight:700;box-shadow:0 2px 8px rgba(23,63,53,.16);opacity:0;transform:scale(.78);transition:opacity .12s,transform .12s}
.section-insert-hit:hover:before,.section-insert-rail.menu-open .section-insert-hit:before{opacity:.6}
.section-insert-hit:hover .section-insert-add,.section-insert-add:focus-visible,.section-insert-rail.menu-open .section-insert-add{opacity:1;transform:scale(1)}
.section-insert-add:hover,.section-insert-add:focus-visible{background:#2c8f78;color:#fff;outline:none}
.section-insert-menu{position:absolute;z-index:35;left:50%;top:27px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,minmax(84px,1fr));gap:7px;min-width:390px;padding:10px;background:#fff;border:1px solid #cfdad7;border-radius:11px;box-shadow:0 10px 28px rgba(20,50,42,.18)}
.section-insert-menu[hidden]{display:none!important}
.section-insert-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 6px;background:#fff;color:#263238;border:1px solid #dce3e1;border-radius:8px;font-size:.72rem}
.section-insert-choice:hover,.section-insert-choice:focus-visible{background:#f3faf7;border-color:#78aa9c;color:#173f35;outline:none}
.section-insert-choice .section-mini{width:46px;height:24px}
.builder-canvas-empty .empty-insert-menu{position:static;transform:none;min-width:0;width:min(430px,100%);margin:8px auto 0}
.builder-canvas-empty [data-section-insert-open]{margin-top:6px}
@media(max-width:950px){.builder-library,.builder-inspector{position:static;top:auto;max-height:none;overflow:visible;scrollbar-gutter:auto}.builder-tabs{position:static}.builder-panel{overflow:hidden}}
@media(max-width:560px){.section-insert-menu{grid-template-columns:1fr 1fr;min-width:250px}.section-insert-choice{padding:7px 4px}}
.media-dialog{width:min(900px,92vw);max-height:85vh;border:1px solid #d9dfdc;border-radius:12px;padding:24px}.media-dialog::backdrop{background:#0008}.media-toolbar{display:flex;align-items:center;justify-content:space-between}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.media-tile{border:1px solid #d9dfdc;padding:12px;display:flex;flex-direction:column;gap:8px}.media-tile img{width:100%;height:140px;object-fit:contain}.media-tile small{overflow-wrap:anywhere}

/* 1.8.1 – programkártya fókuszpont-választó */
.crop-focus-picker{position:relative;width:min(190px,100%);aspect-ratio:1/1;border:1px solid #c9d3cf;border-radius:10px;overflow:hidden;cursor:crosshair;background:#eef2f0;margin:8px 0 12px}.crop-focus-picker img{display:block;width:100%;height:100%;object-fit:cover}.crop-focus-picker span{position:absolute;width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:#215b4dcc;box-shadow:0 0 0 2px #215b4d;transform:translate(-50%,-50%);pointer-events:none}.crop-focus-picker:after{content:"Kattints a középpontra";position:absolute;left:8px;bottom:7px;background:#ffffffdf;color:#29443b;border-radius:6px;padding:3px 6px;font-size:.72rem;pointer-events:none}

/* 1.8.2: formatted inspector fields and shared program card markup. */
.rich-field{margin-top:14px;min-width:0}
.rich-label{display:block;font-size:.86rem;font-weight:600;margin-bottom:6px}
.rich-toolbar{display:flex;gap:4px;flex-wrap:wrap;padding:6px;border:1px solid #cfd8dc;border-bottom:0;border-radius:8px 8px 0 0;background:#f5f8f7}
.rich-toolbar button{min-width:29px;padding:5px 7px;font-size:.75rem;line-height:1.2;border-radius:4px;background:#e5eeea;color:#215b4d}
.rich-toolbar button:hover{background:#cde3da}
.rich-toolbar button:focus-visible{outline:2px solid #215b4d;outline-offset:1px}
.rich-editor{min-height:110px;max-height:320px;overflow:auto;border:1px solid #cfd8dc;border-radius:0 0 8px 8px;padding:10px;background:#fff;font-size:14px;line-height:1.5;font-weight:400;overflow-wrap:anywhere;cursor:text}
.rich-editor:focus{outline:2px solid #2c8f78;outline-offset:-1px}
.rich-editor p:first-child{margin-top:0}.rich-editor p:last-child{margin-bottom:0}
.rich-editor ul,.rich-editor ol{padding-left:22px}
.rich-field>small{display:block;margin-top:4px;color:#75817d;font-size:.68rem}
.builder-card-preview table{border-collapse:separate;font-size:inherit}
.builder-card-preview td{border-bottom:0;text-align:inherit}
.builder-card-preview,.builder-card-preview *{box-sizing:content-box}
.builder-inspector fieldset .inspector-tip{font-weight:400}
.builder-inspector fieldset{min-inline-size:0}
.builder-inspector input,.builder-inspector select{min-width:0;width:100%}
.builder-inspector input[type=checkbox]{width:auto}
.builder-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.builder-tile{min-width:0;overflow-wrap:anywhere}
@media(max-width:1200px) and (min-width:951px){.builder-tile-grid{grid-template-columns:1fr}}
@media(max-width:950px) and (min-width:601px){.builder-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}