/* V281: a distinct creative surface and a single document scroll. */
.coupon-studio .ck-sidebar{position:absolute;bottom:auto;overflow:visible;padding-top:16px;background:#fff;min-height:calc(100dvh - 80px)}
.coupon-studio .ck-sidebar-content{min-height:0}
.coupon-studio .ck-sidebar nav a{padding:10px 12px;margin-bottom:5px;font-size:15px;gap:10px}
.coupon-studio .ck-sidebar .ck-module-menu{margin-top:14px;padding-top:14px}
.coupon-studio .ck-sidebar .ck-module-menu>div{padding:10px 8px}
.coupon-studio .ck-sidebar-bottom{padding-top:18px}
.coupon-studio .ck-menu-toggle{display:none}
.coupon-studio #couponEditor{height:auto;min-height:0;gap:16px}
.coupon-studio .studio-layout{flex:none;align-items:start;grid-template-columns:330px minmax(0,1fr)}
.coupon-studio .studio-sidebar{overflow:visible;border:1px solid #cfd7e3;box-shadow:0 4px 18px #27344a08;min-height:0}
.coupon-studio .studio-tabs{padding:10px 8px;background:#fff;border-radius:14px 14px 0 0}
.coupon-studio .studio-tabs button{gap:6px;padding:9px 4px;font-size:14px}
.coupon-studio .studio-tabs svg{width:18px;height:18px;flex:none}
.coupon-studio .studio-tabs button.active{background:#fff3ec;color:#b52e19;border-bottom:2px solid #ff4f30;border-radius:6px 6px 0 0}
.coupon-studio .studio-left,.coupon-studio .coupon-properties{overflow:visible;max-height:none;flex:none}
.coupon-studio .coupon-editor-info,.coupon-studio #designTools,.coupon-studio .coupon-properties{padding:16px}
.coupon-studio .studio-sidebar textarea,.coupon-studio .studio-context textarea{min-height:72px!important;height:auto;resize:vertical}
.coupon-studio .studio-sidebar label{margin-bottom:11px;font-size:14px}
.coupon-studio .studio-sidebar input,.coupon-studio .studio-sidebar select,.coupon-studio .studio-sidebar textarea{padding:9px}
.coupon-studio .studio-sidebar h2{font-size:19px;margin-bottom:16px}
.coupon-studio .coupon-properties .coupon-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.coupon-studio .studio-advanced{margin-top:8px;padding-top:12px}
.coupon-studio .studio-savebar{position:static;flex-wrap:wrap;min-height:0;padding-bottom:14px}
.coupon-studio #editorHeading{max-width:240px}
.coupon-studio .studio-canvas{overflow:visible;background:#fff;border:0;padding:0;border-radius:0;display:block}
.coupon-studio .studio-canvas-bar{margin:0 0 12px;min-height:48px;padding:0 3px}
.coupon-studio .studio-canvas-bar strong{font-size:18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.coupon-studio .studio-canvas-bar strong svg{width:24px;height:24px;color:#ff4f30;flex:none}
.coupon-studio .studio-canvas-bar small{width:100%;margin:0 0 0 34px}
.coupon-studio .studio-viewport{height:clamp(340px,calc(100dvh - 270px),680px);min-height:0;max-height:none;flex:none;overflow:visible;padding:30px;background-color:#f0f3f8;background-image:radial-gradient(#bdc7d4 .8px,transparent .8px);background-size:14px 14px;border:1px solid #cbd5e3;border-radius:16px;box-shadow:inset 0 1px 8px #23354d06;position:relative}
.coupon-studio .studio-viewport.fit-mode{overflow:visible}
.coupon-studio #canvasZoom{max-width:100%;border:2px solid #ff754d;border-radius:3px;box-shadow:0 15px 35px #27344a22,0 3px 9px #27344a15;background:#fff;padding:0;position:relative;box-sizing:content-box}
.coupon-studio #canvasZoom:before{content:'SZERKESZTHETŐ KUPON';position:absolute;left:-2px;top:-24px;padding:3px 10px;background:#ff4f30;color:#fff;font-size:10px;font-weight:700;line-height:18px;border-radius:5px 5px 0 0;letter-spacing:.5px}
.coupon-studio .coupon-stage{box-shadow:none;border:0}
.coupon-studio .studio-context-slot{min-height:66px;margin-top:14px}
.coupon-studio .studio-context{margin:0;justify-content:center;box-shadow:0 5px 18px #27344a08;border-color:#d2dbe7;padding:10px}
.coupon-studio .studio-alignment{margin:8px 0 0;border-top:1px solid #e4e9ef;padding-top:10px}
.coupon-studio .studio-tip{font-size:13px;text-align:center;margin-top:12px}
.coupon-studio .studio-layer-list{border-top:1px solid #e1e6ed;margin-top:16px;padding-top:12px}
.coupon-studio .studio-layer-list>summary{cursor:pointer;font-weight:600;font-size:15px;color:#46546a}
.coupon-studio .studio-layer-list>p{margin:8px 0;font-size:13px}
.coupon-studio .studio-layer-list .coupon-layer{background:#fff;border-color:#d6dfea;padding:8px}
.coupon-studio .studio-sidebar .property-advanced{border-top:1px solid #e1e6ed;padding-top:12px;margin-top:12px}
.coupon-studio .property-advanced>summary{font-weight:600;cursor:pointer;font-size:14px;margin-bottom:12px;color:#46546a}
.coupon-studio .coupon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.coupon-studio .coupon-card{border:2px solid #d1dbe7;border-radius:18px;box-shadow:0 8px 22px #27344a10;overflow:hidden;background:#fff}
.coupon-studio .template-art-button{padding:22px!important;background:#f0f3f8!important;position:relative;box-sizing:border-box}
.coupon-studio .template-art-button .coupon-art{border:1px solid #bfcbd9;box-shadow:0 8px 16px #27344a18;background:#fff;border-radius:3px}
.coupon-studio .coupon-card-body{padding:18px 20px;border-top:1px solid #d7e0ea}
.coupon-studio .coupon-card h3{font-size:21px;margin-bottom:7px}
.coupon-studio .coupon-card p{font-size:14px;line-height:1.5}
.coupon-studio .template-card-actions{padding:0 20px 18px;justify-content:space-between;align-items:center}
.coupon-studio .template-card-actions button{width:auto!important;border:1px solid #ff4f30!important;padding:10px 18px;font-size:14px}
.coupon-studio .template-card-actions button.secondary{border-color:#d2dce9!important}
.coupon-studio .coupon-card:nth-child(4n+2) .template-art-button{background:#fff1e8!important}
.coupon-studio .coupon-card:nth-child(4n+3) .template-art-button{background:#f2edfa!important}
.coupon-studio .coupon-card:nth-child(4n) .template-art-button{background:#eaf3f7!important}
.coupon-studio .coupon-card:hover{border-color:#ff875f;box-shadow:0 12px 28px #27344a18}
.coupon-studio .saved-campaign{border:1px solid #cfd9e7;box-shadow:0 5px 16px #27344a0b;background:white}
.coupon-studio #templateSection>h2{margin-top:16px}
.coupon-studio #templateSection>p{font-size:15px}
.coupon-studio .coupon-filter{border:1px solid #d9e1eb;border-radius:12px;padding:14px;background:white;align-items:end}
.coupon-studio #couponEditor .studio-viewport .coupon-element.selected{background:#ff4f3005}
/* Clearly separated public coupons; no backend/query changes. */
.coupon-public-page #publicCouponGrid{gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}
.coupon-public-page .coupon-card{border:2px solid #d3dce7;border-radius:18px;box-shadow:0 8px 24px #27344a12;background:#fff;padding:16px}
.coupon-public-page .coupon-card>.coupon-art{border:1px solid #becbd9;box-shadow:0 5px 12px #27344a12;border-radius:5px;background:#fff}
.coupon-public-page .coupon-card-body{padding:20px 4px 4px}
.coupon-public-page .coupon-card .coupon-timer{background:#fff3ec;border:1px solid #ffd5c4;padding:10px 12px}
.coupon-public-page .coupon-card .coupon-button{width:100%}
.coupon-public-page .coupon-card h2{font-size:24px;line-height:1.3}

@media(min-width:1600px){.coupon-studio .coupon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){.coupon-studio .studio-layout{grid-template-columns:300px minmax(0,1fr)}.coupon-studio .studio-viewport{padding:25px 20px}.coupon-studio #editorHeading{max-width:180px}}
@media(max-width:950px){.coupon-studio .studio-layout{grid-template-columns:1fr}.coupon-studio .studio-canvas{grid-column:1;grid-row:1;min-height:0}.coupon-studio .studio-sidebar{grid-row:2}.coupon-studio .studio-viewport{height:clamp(300px,60dvh,560px)}.coupon-studio .studio-context-slot{min-height:80px}.coupon-studio .coupon-grid{gap:20px}}
@media(max-width:820px){.coupon-studio .ck-sidebar{position:relative;top:auto;width:100%;min-height:0;padding:10px 18px}.coupon-studio .ck-menu-toggle{display:inline-flex}.coupon-studio .ck-sidebar-content{padding-top:12px}.coupon-studio .ck-sidebar nav a{font-size:15px}.coupon-studio .studio-savebar{position:static}}
@media(max-width:600px){.coupon-studio .coupon-grid,.coupon-public-page #publicCouponGrid{grid-template-columns:1fr}.coupon-studio .studio-viewport{height:300px;padding:28px 14px}.coupon-studio .studio-canvas-bar strong{font-size:16px}.coupon-studio .studio-canvas-bar small{font-size:11px}.coupon-studio #canvasZoom:before{font-size:9px}.coupon-studio .template-art-button{padding:18px!important}.coupon-studio .studio-history{margin-left:auto}.coupon-studio .studio-context-slot{min-height:110px}.coupon-studio .studio-context{justify-content:flex-start}.coupon-studio .studio-sidebar textarea{min-height:72px!important}.coupon-studio .studio-title{flex-basis:75%}.coupon-studio #editorHeading{max-width:140px}}

/* V282 approved editor arrangement */
.coupon-studio .studio-tabs.proposal-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:0;padding:0;margin:2px 0 18px;background:#fff;}
.coupon-studio .studio-tabs.proposal-tabs button{border:2px solid #d7dfeb;border-radius:12px;padding:16px 18px;text-align:left;justify-content:flex-start;font-size:19px;gap:12px;color:#46546a;background:#fff;box-shadow:0 3px 10px #27344a06;}
.coupon-studio .studio-tabs.proposal-tabs svg{width:26px;height:26px;}
.coupon-studio .studio-tabs.proposal-tabs button.active{background:#ff4f30;border-color:#ff4f30;color:white;box-shadow:0 6px 16px #ff4f3020;}
.coupon-studio .studio-tabs.proposal-tabs small{display:block;margin-top:4px;font-size:13px;font-weight:400;opacity:.85;}
.coupon-studio .studio-sidebar{border-radius:14px;}
.coupon-studio .studio-viewport{height:460px;}
.coupon-studio .studio-bottom-offer{padding:20px;margin-top:20px;border:1px solid #d3ddea;border-radius:14px;background:#fff;}
.coupon-studio .studio-bottom-offer h2{font-size:19px;margin:0 0 16px;}
.coupon-studio .bottom-offer-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
.coupon-studio .bottom-offer-fields label{font-size:14px;margin:0;}
.coupon-studio .bottom-offer-fields input{font-size:16px;padding:10px;}
.coupon-studio .bottom-offer-extras{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;}
.coupon-studio .bottom-offer-extras details{margin-top:18px;padding-top:14px;}
.coupon-studio .bottom-offer-extras label{font-size:14px;}
.coupon-studio .bottom-offer-extras textarea{min-height:72px!important;}
.coupon-studio #backToOffer{width:100%;margin-bottom:16px;border-color:#ffb29d;color:#b7351d;background:#fff4ee;font-size:14px;}
.coupon-studio .studio-context-slot{min-height:62px;}
.coupon-studio .coupon-editor-info h2{font-size:21px;}
@media(max-width:950px){.coupon-studio .studio-tabs.proposal-tabs{gap:8px;}.coupon-studio .studio-tabs.proposal-tabs button{font-size:16px;padding:12px;}.coupon-studio .studio-tabs.proposal-tabs small{font-size:12px;}.coupon-studio .studio-viewport{height:360px;}}
@media(max-width:600px){.coupon-studio .studio-tabs.proposal-tabs{grid-template-columns:1fr;}.coupon-studio .studio-tabs.proposal-tabs button{font-size:16px;padding:12px 16px;}.coupon-studio .studio-tabs.proposal-tabs small{display:none;}.coupon-studio .bottom-offer-fields,.coupon-studio .bottom-offer-extras{grid-template-columns:1fr;}.coupon-studio .studio-viewport{height:300px;}}

/* V283: editing history stays beside the canvas at every width. */
.coupon-studio .studio-canvas-bar{flex-wrap:wrap;gap:12px}.coupon-studio .studio-canvas-bar .studio-history{order:3;width:100%;margin:0;justify-content:flex-start}.coupon-studio .studio-canvas-bar .studio-history span{display:inline}.coupon-studio .studio-canvas-bar .studio-history button{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px}