/* V117: a new editor grid. Scoped to this dialog; customer and booking layouts are untouched. */
#workSettings[hidden],#workSettings [hidden]{display:none!important}
#workSettings{position:fixed;inset:0;width:auto;height:auto;max-width:none;max-height:none;z-index:30000;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #c6d6e7;border-radius:13px;background:#f7fbff;box-shadow:0 0 0 100vmax #152337a8,0 18px 70px #132b4b45;color:#142139;font:16px 'Segoe UI',Arial,sans-serif;text-align:left}
body:has(#workSettings:not([hidden])){overflow:hidden}
#workSettings *,#workSettings *::before,#workSettings *::after{box-sizing:border-box}
#workSettings .work-header{height:54px;flex:none;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#344f6d,#32465e);padding:0 22px;color:#fff}
#workSettings .work-header h2{display:flex;align-items:center;gap:18px;font-size:28px;line-height:1.1;font-weight:650;color:inherit;margin:0}
#workSettings svg{width:28px;height:28px;flex:none}
#workSettings .work-header svg{width:32px;height:32px}
#workSettings button{margin:0;border:1px solid transparent;border-radius:6px;box-shadow:none;cursor:pointer;font:inherit;line-height:1.2;outline-offset:2px;min-width:0}
#workSettings button:disabled{opacity:.55;cursor:wait}
#workSettings button:focus-visible,#workSettings input:focus-visible{outline:2px solid #247bef;outline-offset:2px}
#workSettings #closeWork117{padding:0;background:transparent;color:white;font-size:34px;width:34px;height:40px}
#workSettings .work-layout{flex:1;min-height:0;display:grid;grid-template-columns:258px minmax(0,1.09fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 78px;column-gap:12px;padding-right:14px}
#workSettings .work-nav{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:18px 12px;border-right:1px solid #d9e5f1;background:linear-gradient(110deg,#f7fbff,#eff7fd);overflow-y:auto}
#workSettings .work-tab,#workSettings .work-reset{display:flex;align-items:center;gap:20px;min-height:50px;padding:9px 16px;color:#192b44;background:transparent;text-align:left;font-size:19px;flex:none}
#workSettings .work-tab svg,#workSettings .work-reset svg{color:#3c536e}
#workSettings .work-tab.selected{background:linear-gradient(110deg,#2e80f5,#2f80e8);border-color:#2676df;color:white}
#workSettings .work-tab.selected svg{color:white}
#workSettings .work-tab:hover:not(.selected),#workSettings .work-reset:hover{background:#e3edf8}
#workSettings .work-reset{margin-top:28px;font-size:16px;gap:17px;white-space:nowrap}
#workSettings .work-center,#workSettings .work-preview{margin-top:16px;border:1px solid #d1e0ef;border-radius:10px;background:linear-gradient(120deg,#fff,#fbfdff);min-width:0;min-height:0;overflow-y:auto;padding:22px 26px;scrollbar-width:thin}
#workSettings .work-center{grid-column:2;margin-bottom:0}
#workSettings .work-preview{grid-column:3;padding:15px}
#workSettings h3{margin:0 0 18px;font-size:21px;font-weight:700;color:#17233a}
#workSettings label,#workSettings .work-label{display:block;margin:0 0 7px;font-size:15px;font-weight:400;color:#101720}
#workSettings .work-heading{font-size:21px;font-weight:700;margin-bottom:8px}
#workSettings input,#workSettings select{font:inherit;color:#101720;border:1px solid #c5ccdb;background:#fff;border-radius:5px;padding:7px 10px;margin:0;min-width:0;height:39px;width:100%;box-shadow:inset 0 1px 2px #14213908}
#workSettings #businessName{height:44px;font-size:20px;margin-bottom:21px}
#workSettings .type-row{display:grid;grid-template-columns:minmax(140px,206px) minmax(90px,1fr) 114px 88px;gap:14px;align-items:end}
#workSettings .type-row>div{min-width:0}
#workSettings .unit-input{display:flex;align-items:center;gap:6px}
#workSettings .unit-input input{width:65px;padding:7px}
#workSettings .align-buttons{display:flex;height:39px;border:1px solid #aeb8c8;border-radius:5px;overflow:hidden}
#workSettings .align-buttons button{flex:1;padding:3px;background:#fff;color:#26344a;font-size:25px;border:0;border-radius:0}
#workSettings .align-buttons button+button{border-left:1px solid #c9d2df}
#workSettings .align-buttons button[aria-pressed=true]{background:#2f80f4;color:#fff}
#workSettings .align-buttons [data-align=left]{text-align:left;padding-left:7px}
#workSettings .align-buttons [data-align=right]{text-align:right;padding-right:7px}
#workSettings input[type=color]{width:88px;height:39px;padding:5px;cursor:pointer;background:linear-gradient(#fff,#f4f6f9)}
#workSettings #titleColor{width:100%}
#workSettings .type-style{display:flex;gap:16px;margin:17px 0 22px;flex-wrap:wrap}
#workSettings .type-style label{display:flex;align-items:center;gap:6px;font-size:14px;margin:0;cursor:pointer}
#workSettings input[type=checkbox]{width:15px;height:15px;padding:0;margin:0;accent-color:#2e7ff2}
#workSettings .type-style b,#workSettings .type-style i,#workSettings .type-style u{font-size:16px;margin-right:3px}
#workSettings .name-background{margin:15px 0;padding:13px;border:1px solid #ccdbe6;border-radius:10px;background:#f8fbff}
#workSettings .name-background h3, #workSettings .photo-panel > h3.logo-section-heading156{font-size:19px;margin-bottom:19px}
#workSettings .color-line{margin-bottom:23px}
#workSettings .range-line{display:grid;grid-template-columns:minmax(50px,1fr) 62px 22px;align-items:center;gap:10px;max-width:350px;margin-bottom:20px}
#workSettings input[type=range]{margin:0;width:100%;height:22px;padding:0;border:0;box-shadow:none;accent-color:#3182f6;background:transparent;cursor:pointer}
#workSettings .range-line input[type=number]{text-align:center;padding:6px;height:37px}
#workSettings .border-settings{border-top:1px solid #dce4ef;padding-top:21px;margin-top:23px}
#workSettings .border-settings .color-line{margin-bottom:0}
#workSettings .two-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}
#workSettings .work-note{font-size:14px;line-height:1.5;color:#5b6a7e;margin:16px 0}
#workSettings .work-link{padding:12px 16px;color:#1761b4;background:#e9f2ff;border:1px solid #c0d8f5}
#workSettings .work-preview h3{margin:0 0 12px 5px;font-size:22px}
#workPreviewStage{position:relative;isolation:isolate;display:flex;align-items:center;min-height:215px;aspect-ratio:2.48;padding:30px 38px;border:1px solid #dbe3ea;border-radius:9px;overflow:hidden;background-color:var(--site-bg);background-image:var(--site-bg-image);background-size:cover;background-position:center}
#workPreviewStage::before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--site-bg-image);background-position:center;background-repeat:no-repeat;background-size:calc(100% * var(--bg-scale-x,1)) calc(100% * var(--bg-scale-y,1))}
#workPreviewTitle{width:100%;max-width:100%;margin:0;line-height:1.15;overflow-wrap:anywhere;box-sizing:border-box}
#workSettings .work-footer{grid-column:2/4;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 10px}
#workSettings #workMessage{font-size:13px;line-height:1.3;margin:0;flex:1;color:#435773}
#workSettings #workMessage[data-kind=error]{color:#a31e2d}
#workSettings #workMessage[data-kind=ok]{color:#18713c}
#workSettings .work-actions{display:flex;gap:14px;flex:none}
#workSettings .work-actions button{padding:12px 21px;min-width:126px;min-height:48px;font-size:17px;font-weight:600}
#workSettings #workCancel{background:linear-gradient(#f7f8fa,#e8ecf2);color:#152035;border-color:#cbd3df}
#workSettings #workSave{background:linear-gradient(#3288fc,#287be8);color:white}
#workSettings #workApply{background:linear-gradient(#2bc64d,#24af43);color:white}
#workSettings .font-combo{position:relative}
#workSettings #excelFontTrigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:39px;padding:7px 10px;border:1px solid #acb9ca;background:linear-gradient(#fff,#f2f4f7);color:#111a29;text-align:left}
#workSettings #fontChosen117{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#workSettings #fontList117{position:fixed;z-index:30002;overflow:auto;border:1px solid #247bf5;border-radius:0 0 4px 4px;background:#fff;box-shadow:0 6px 18px #233e5d29;padding:2px;scrollbar-width:thin;color:#101720}
#workSettings .font-option{display:block;width:100%;padding:3px 11px;min-height:26px;border:0;border-radius:0;background:#fff;color:#111;text-align:left;font-size:17px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
#workSettings .font-option:hover,#workSettings .font-option:focus-visible{background:#e2edfc;outline:none}
#workSettings .font-option[aria-selected=true]{background:#a7ccff}
#workSettings .font-group{padding:8px 11px 4px;font:600 11px 'Segoe UI',Arial,sans-serif;color:#64758b;text-transform:uppercase;letter-spacing:.04em}
@media(max-height:850px) and (min-width:1001px){#workSettings .work-center{padding:16px 22px}#workSettings #businessName{margin-bottom:15px}#workSettings .type-style{margin:12px 0 16px}#workSettings .name-background{padding-top:14px}#workSettings .name-background h3, #workSettings .photo-panel > h3.logo-section-heading156{margin-bottom:13px}#workSettings .color-line{margin-bottom:15px}#workSettings .range-line{margin-bottom:13px}#workSettings .border-settings{padding-top:15px;margin-top:14px}#workSettings .work-label,#workSettings label{margin-bottom:5px}#workSettings .work-layout{grid-template-rows:minmax(0,1fr) 70px}}
@media(max-width:1250px){#workSettings .work-layout{grid-template-columns:180px minmax(0,1.2fr) minmax(0,.9fr)}#workSettings .work-nav{padding:14px 8px}#workSettings .work-tab{font-size:16px;gap:12px;padding:9px 10px}#workSettings .work-reset{font-size:13px;gap:10px;padding:8px}#workSettings .work-center{padding:18px}#workSettings .type-row{grid-template-columns:minmax(120px,1fr) 80px;gap:12px}#workSettings .name-background{margin-left:0}#workPreviewStage{padding:22px;min-height:180px}#workSettings .work-actions button{min-width:105px;font-size:15px;padding:11px 15px}}
@media(max-width:900px){#workSettings .work-layout{grid-template-columns:154px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto 72px;overflow:hidden}#workSettings .work-nav{grid-row:1/4}#workSettings .work-preview{grid-column:2;grid-row:2;max-height:200px;padding:12px;margin-top:10px;overflow:auto}#workPreviewStage{aspect-ratio:auto;min-height:90px;padding:14px 24px}#workSettings .work-preview h3{font-size:17px;margin-bottom:7px}#workSettings .work-preview .work-note{display:none}#workSettings .work-footer{grid-column:2;grid-row:3;padding:10px 0;flex-wrap:wrap}#workSettings .work-actions{gap:6px;width:100%}#workSettings .work-actions button{min-width:0;flex:1;padding:9px 7px;font-size:13px;min-height:40px}#workSettings #workMessage:empty{display:none}#workSettings .work-header h2{font-size:23px}#workSettings .work-center{margin-top:10px}}
@media(max-width:560px){#workSettings{inset:5px}#workSettings .work-header{height:50px;padding:0 12px}#workSettings .work-header h2{font-size:20px;gap:8px}#workSettings .work-header svg{width:25px}#workSettings .work-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:54px minmax(0,1fr) 143px auto;padding:0 9px}#workSettings .work-nav{grid-row:1;grid-column:1;flex-direction:row;gap:5px;padding:7px 0;overflow-x:auto;border:0}#workSettings .work-nav button{min-height:36px;white-space:nowrap;font-size:14px;padding:7px 9px;gap:6px}#workSettings .work-nav svg{width:18px;height:18px}#workSettings .work-reset{margin:0}#workSettings .work-center{grid-column:1;grid-row:2;margin-top:5px;padding:14px}#workSettings .work-preview{grid-column:1;grid-row:3;margin-top:7px}#workSettings .work-footer{grid-column:1;grid-row:4;padding:9px 0}#workSettings .work-heading{font-size:18px}#workSettings .type-style{gap:10px}#workSettings .work-preview h3{font-size:15px}#workPreviewStage{min-height:78px;padding:10px 20px}#workSettings .work-actions button{font-size:12px}#workSettings .range-line{max-width:none}}

#openWork116.work116-launch{display:block;width:100%;padding:13px 16px;border-radius:9px;background:#226ac2;color:white;font-weight:750;font-size:16px;cursor:pointer;margin:12px 0}
@media(min-width:1251px) and (max-width:1440px){#workSettings .work-layout{grid-template-columns:220px minmax(0,1.2fr) minmax(0,1fr)}#workSettings .type-row{grid-template-columns:minmax(140px,180px) minmax(80px,1fr) 100px 74px;gap:12px}#workSettings .name-background{margin-left:200px}}
/* Short laptop screens: compact only this editor, without reducing control hit areas. */
@media(max-height:850px) and (min-width:1251px){
 #workSettings .work-center{padding:13px 20px}
 #workSettings #businessName{height:40px;margin-bottom:10px}
 #workSettings .type-style{margin:10px 0}
 #workSettings .name-background{padding-top:10px}
 #workSettings .name-background h3, #workSettings .photo-panel > h3.logo-section-heading156{font-size:17px;margin-bottom:10px}
 #workSettings .name-background label{font-size:13px;line-height:1.2;margin-bottom:4px}
 #workSettings .color-line{margin-bottom:10px}
 #workSettings .name-background input[type=color]{height:32px}
 #workSettings .range-line{margin-bottom:10px}
 #workSettings .range-line input[type=number]{height:32px;padding:4px}
 #workSettings .border-settings{padding-top:10px;margin-top:10px}
}
/* Keep preview flex content inside its own column, including long business names. */
#workPreviewStage{width:100%;min-width:0}
#workPreviewTitle{min-width:0;flex:1 1 0}
#workSettings .work-reset{white-space:normal;font-size:14px;gap:12px;padding:9px 10px}
#workSettings .work-reset svg{width:25px;height:25px}
#workSettings .work-reset span{min-width:0;line-height:1.3}
@media(max-width:560px){#workSettings .work-reset{white-space:nowrap}}
/* A maximum-length name may wrap to many lines: grow the preview instead of clipping it. */
#workPreviewStage{aspect-ratio:auto}

/* V139: only the editor's preview and footer; customer geometry stays unchanged. */
#workSettings.no-preview139 .work-center{grid-column:2/4}
#previewViewport139{position:relative;width:100%;overflow:auto;border:1px solid #d1e0ef;border-radius:8px;background:white}
#customerPreview139{display:block;border:0;transform-origin:top left;pointer-events:none;position:absolute;left:0;top:0;max-width:none}
#workSettings .work-footer{min-height:0;overflow:auto}
#workSettings #workMessage{max-height:45px;overflow:auto}
#workSettings .photo-settings-grid{grid-template-columns:minmax(0,1fr)}
#workSettings .photo-panel:focus-within{outline:2px solid #71a7df;outline-offset:2px}
@media(max-width:900px) and (min-width:561px){
 #workSettings.no-preview139 .work-layout{grid-template-rows:minmax(0,1fr) 90px}
 #workSettings.no-preview139 .work-center{grid-column:2;grid-row:1}
 #workSettings.no-preview139 .work-footer{grid-row:2}
 #workSettings.no-preview139 .work-nav{grid-row:1/3}
 #workSettings .work-layout{grid-template-rows:minmax(0,1fr) auto 90px}
}
@media(max-width:560px){
 #workSettings.no-preview139 .work-layout{grid-template-rows:54px minmax(0,1fr) auto}
 #workSettings.no-preview139 .work-center{grid-column:1;grid-row:2}
 #workSettings.no-preview139 .work-footer{grid-row:3}
 #workSettings .work-footer{flex-direction:column;align-items:stretch}
 #workSettings #workMessage{flex:none;max-height:34px}
}

/* Version 159: six consistent, compact red rounded heading frames; no controls changed. */
#workSettings .heading159,
#workSettings .name-background h3.heading159,
#workSettings .photo-panel > h3.logo-section-heading156.heading159 {
 box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important;
 width:235px!important; max-width:100%!important; min-height:46px!important;
 margin:0 0 14px 0!important; padding:7px 12px!important;
 border:2px solid #f02828!important; border-radius:14px!important;
 color:#182539!important; background:transparent!important; font-size:19px!important;
 font-weight:700!important; line-height:1.25!important; text-align:center!important;
}
@media(max-width:560px){#workSettings .heading159,#workSettings .name-background h3.heading159,#workSettings .photo-panel > h3.logo-section-heading156.heading159{font-size:17px!important}}

/* v160: only the two previously white complete blocks adopt the existing
   matte-grey panel treatment used by Poloha názvu. Do not style headings or other panels. */
#workSettings .name-intro-block160,
#workSettings .photo-panel.logo-main-block160 {
  box-sizing:border-box; margin:15px 0; padding:13px;
  border:1px solid #ccdbe6; border-radius:10px; background:#f8fbff;
}
#workSettings .name-intro-block160 > .heading159 {margin-bottom:14px!important}

/* v164: only the two headings in Pozadie share identical framed appearance. */
#workSettings .heading164 {
 box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
 width:235px!important;max-width:100%!important;min-height:46px!important;
 margin:0 0 14px 0!important;padding:7px 12px!important;
 border:2px solid #f02828!important;border-radius:14px!important;
 color:#182539!important;background:transparent!important;font-size:19px!important;
 font-weight:700!important;line-height:1.25!important;text-align:center!important;
}
@media(max-width:560px){#workSettings .heading164{font-size:17px!important}}

/* v165: matte light-grey treatment for the TWO full Pozadie panels only.
   Identical panel layout to v160 blocks; headings preserve v164 red frames. */
#workSettings #workPanel-colors,
#workSettings #appearanceControls {
  box-sizing:border-box;
  margin:15px 0;
  padding:13px;
  border:1px solid #ccdbe6;
  border-radius:10px;
  background:#f8fbff;
}