:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#152734;background:#f2f6f8}*{box-sizing:border-box}body{margin:0}header{background:#152734;color:white;padding:16px 0}.wrap{max-width:1060px;margin:0 auto;padding:0 18px}.head{display:flex;align-items:center;gap:14px}.mark{background:#fff;color:#152734;font-weight:900;border:3px solid #93cad1;border-radius:17px;padding:14px}.head small{letter-spacing:2px;color:#9dcbd3;font-weight:700}.head h1{margin:0;font-size:24px}.status{margin-left:auto;font-size:12px;color:#b5d8dd}main{padding-top:18px!important;padding-bottom:50px!important}nav,.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}nav button,.tabs button{white-space:nowrap;background:#e2edf2;color:#223e50}button,.button{border:0;border-radius:11px;background:#1d536b;color:white;padding:12px 17px;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block}button.active{background:#152734;color:white}button.minor{background:#e2edf2;color:#214053}button.danger{background:#ffe5e3;color:#962f2b}.hidden{display:none!important}h2{font-size:23px;margin-bottom:5px}h3{margin:12px 0;font-size:18px}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.heading p{color:#546d7c}.card,.stats article{background:white;border:1px solid #dbe8ed;border-radius:17px;padding:20px;margin:14px 0;box-shadow:0 2px 5px #0b213008}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats small{display:block;color:#59717c}.stats b{font-size:26px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}label{display:block;font-size:13px;font-weight:650;color:#385360;margin:10px 0}input,select,textarea{display:block;width:100%;font-family:inherit;font-size:16px;padding:11px;border:1px solid #b9ccd6;border-radius:10px;margin-top:6px;color:#152734;background:white}textarea{resize:vertical}.photo{display:flex;gap:16px;align-items:center}.photo img{width:130px;height:130px;object-fit:cover;background:#eaf0f3;border:1px dashed #a2b9c6;border-radius:14px}.photo>div{flex:1}.hint,p{line-height:1.55;color:#526c7d}.hint{font-size:13px}.cardline{border-top:1px solid #e4edf1;padding:13px 0;display:flex;justify-content:space-between;gap:10px}.cardline img{width:70px;height:70px;border-radius:9px;object-fit:cover}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.actions button{font-size:12px;padding:8px 11px}.matrow{background:#f0f6f8;border:1px solid #d6e5ec;border-radius:12px;padding:12px;margin:10px 0}.matrow .fields{grid-template-columns:repeat(3,minmax(0,1fr))}.results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.result{background:#edf5f8;padding:15px;border-radius:11px}.result small{display:block;color:#476575}.result strong{display:block;font-size:23px;margin-top:5px}.result.hero{background:#d7f1e8}.result.hero strong{color:#126c49}.savebar{position:sticky;bottom:0;background:#f2f6f8e8;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;padding:10px;border-top:1px solid #d4e0e7;gap:12px}.savebar span{color:#a23838;font-size:12px}.listbox{background:white;padding:14px 18px;border:1px solid #d7e6ed;border-radius:15px;margin:12px 0}.listbox .actions{align-items:center}.listbox .actions input{flex:1;min-width:170px;width:auto;margin:0}.chip{display:flex;align-items:center;gap:9px;justify-content:space-between;background:#eef6f8;border-radius:9px;padding:7px 11px;margin:7px 0}.chip button{padding:5px 9px}.warning{background:#fff4db;padding:12px;border-radius:10px;color:#76541c}.upload{margin-top:18px}.upload input{max-width:430px}footer{text-align:center;color:#8396a0;font-size:12px;padding-bottom:30px}@media(max-width:580px){.wrap{padding:0 12px}.fields,.stats,.results{grid-template-columns:1fr}.matrow .fields{grid-template-columns:1fr 1fr}.heading{align-items:start}.head h1{font-size:20px}.photo{align-items:start}.photo img{width:90px;height:90px}.result strong{font-size:21px}}

.install-box{display:flex;gap:16px;align-items:center;justify-content:space-between;border:2px solid #91cbd0;background:#f9ffff;border-radius:17px;padding:18px;margin:0 0 18px}.install-box h2{font-size:19px;margin:0}.install-box p{margin:7px 0}.install-box button{flex-shrink:0}.install-small{font-size:13px}.install-box[hidden],.install-box [hidden]{display:none!important}@media(max-width:650px){.install-box{flex-direction:column;align-items:stretch}.install-box button{width:100%}}

/* V4.1: měkčí handmade vizuál, základní layout a ukládání se nemění */
:root{background:#faf7f2;color:#35323b}body{background:#faf7f2}header{background:#51424c}.mark{border-color:#d8b9a5;color:#51424c}.head small{color:#f1d8c9}nav button,.tabs button{background:#f1e9e3;color:#5a4552}button,.button{background:#946e7f}button.active{background:#614c5b}.card,.stats article{border-color:#eadfd9;box-shadow:0 4px 20px #785f6210}.stats article{background:#f7eee9}input:focus,select:focus,textarea:focus{outline:2px solid #c793a2}button.minor{background:#f2e6e5;color:#654a59}.install-box{border-color:#d9b8a6;background:#fff9f5}.workshop-card{background:#fffaf6}.compact{min-width:130px;flex:1}.chip{gap:12px;flex-wrap:wrap}.listbox .actions{align-items:flex-end;flex-wrap:wrap}.matrow .unit-info{margin:6px 0 0;color:#85566c;font-weight:600}

/* Produktové listy a technické podklady */
.technical-upload{background:#fbf5f1;border:1px dashed #ceb7c2;border-radius:12px;padding:14px;margin:12px 0 18px}.technical-upload .row{margin-top:8px;justify-content:flex-start}.technical-upload button{font-size:12px;padding:8px}.print-dialog{width:min(640px,95vw);max-height:85vh;border:1px solid #dcc9d3;border-radius:18px;box-shadow:0 18px 70px #4334;padding:22px;background:#fffaf7;color:#3d3440}.print-dialog::backdrop{background:#28202baa}.print-dialog .print-picks{max-height:58vh;overflow:auto;display:grid;gap:8px;margin:10px 0 20px}.print-dialog label{display:flex;align-items:center;gap:10px;font-size:13px;padding:5px}.print-dialog input[type=checkbox]{width:17px;height:17px;flex-shrink:0;accent-color:#976b83}.print-dialog fieldset{border:1px solid #eadfe5;border-radius:10px;padding:10px}.print-dialog legend{font-weight:700}.print-dialog .row{display:flex;justify-content:space-between;align-items:center}

.labor-row,.product-color-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:12px;margin:12px 0;padding:14px;background:#f0f6f8;border-radius:14px}.product-color-row{grid-template-columns:2fr 2fr auto}.labor-row label,.product-color-row label{display:block;font-weight:650}.labor-row input,.product-color-row select{width:100%;margin-top:8px}#customSettings{margin-bottom:18px}#toggleProfits{margin:15px 0}@media(max-width:700px){.labor-row,.product-color-row{grid-template-columns:1fr}}

.labor-row{display:grid;grid-template-columns:minmax(170px,2fr) minmax(70px,.65fr) minmax(100px,1fr) minmax(130px,1.1fr) minmax(170px,1.3fr);gap:12px;align-items:end;margin:14px 0;padding:18px;border-radius:18px;background:#edf4f6}.labor-row label{min-width:0}.labor-row input,.labor-row select{width:100%}.labor-summary{grid-column:1 / -2;align-self:center}.labor-remove{justify-self:end}@media(max-width:750px){.labor-row{grid-template-columns:1fr 1fr}.labor-row label:first-child,.labor-row label:nth-child(5),.labor-summary{grid-column:1 / -1}}

/* v4.8: readable tax-inclusive price */
#results .result:last-child{background:#cfebe2;border:2px solid #5c9a82}#results .result:last-child strong{font-size:clamp(1.5rem,3vw,2.1rem);color:#135a46}#detailFields input[type=file]{display:block;width:100%;margin-top:8px}#detailFields .hint button{padding:5px 9px;font-size:12px}

.info-tip{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;width:18px;height:18px;border-radius:50%;border:1.5px solid #8f6c80;color:#735368;font-weight:800;font:700 12px system-ui;position:relative;cursor:help;vertical-align:middle;outline-offset:3px}.info-pop{display:none;position:absolute;z-index:100;top:24px;right:0;width:min(320px,78vw);max-width:320px;padding:12px;border-radius:9px;background:#342b36;color:white;font:13px/1.5 system-ui;text-align:left;box-shadow:0 5px 20px #0003;white-space:normal}.info-tip:hover .info-pop,.info-tip:focus .info-pop,.info-tip:focus-within .info-pop{display:block}.vat-highlight{border:2px solid #72b9a4!important;background:#d8f4ea!important}.vat-highlight strong{font-size:1.55em!important}.result{overflow:visible!important}

/* v5.0 info: jediná profesionální bublina uvnitř okna */
.info-tip .info-pop{display:none!important}.global-help-pop{position:fixed;z-index:99999;background:#342b36;color:#fff;padding:13px 15px;border-radius:11px;box-shadow:0 8px 26px #0004;font:13px/1.5 system-ui;max-height:75vh;overflow-y:auto;pointer-events:none;overflow-wrap:anywhere}.global-help-pop[hidden]{display:none!important}.custom-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.custom-options-wrap{grid-column:1/-1}.custom-options-wrap[hidden]{display:none!important}@media(max-width:650px){.custom-setting-grid{grid-template-columns:1fr}}

.photo-tools{display:flex;flex-direction:column;gap:10px;align-items:flex-start;flex-shrink:0}.photo-tools .reset-form{font-size:12px;padding:9px 11px;max-width:150px}.photo-tools img{display:block}.custom-option-new{flex:1;min-width:160px}.customSelectEditors .listbox{margin:12px 0}@media(max-width:580px){.photo-tools .reset-form{max-width:110px;font-size:11px}}

/* Katalog péče a certifikací */
.tabs{align-items:center;flex-wrap:wrap;overflow:visible}.tabs #resetTemplate{margin-left:auto;background:#b94242;color:#fff;font-size:13px}.tabs #resetTemplate:hover{background:#962f2f}
#custom-calc{margin-top:16px}.symbol-catalog{margin:12px 0 8px;padding:12px;border:1px solid #eadfd9;border-radius:12px;background:#fffaf6}.symbol-catalog .catalog-title{font-size:14px;font-weight:750}.symbol-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px;max-height:270px;overflow:auto;padding:6px}.symbol-choice{display:flex;flex-direction:column;align-items:center;gap:5px;background:#fff;border:1px solid #ddd0d6;color:#554353;padding:10px 5px;border-radius:12px;font-size:11px;font-weight:550;text-align:center;white-space:normal;min-height:105px}.symbol-choice img{width:58px;height:54px;object-fit:contain}.symbol-choice span{overflow-wrap:anywhere}.symbol-choice.chosen{border:2px solid #8d6077;background:#f4e9ef}.symbol-choice.chosen::after{content:'✓ Vybráno';font-weight:800}.symbol-catalog .warning{font-size:12px}


/* BLACK COCOON TOOLS 5.5 · premium neutral studio skin. Logic & DB unchanged. */
:root{--paper:#f9f6f1;--ink:#292b32;--plum:#564451;--plumDeep:#443440;--rose:#b97e6b;--mist:#f4eae5;--line:#e8dcd6;--slate:#67747b;--mint:#e8efeb;--green:#3c7364;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
body{background:var(--paper);color:var(--ink);letter-spacing:-.01em}
header{background:#fffaf5;color:var(--ink);padding:17px 0;border-bottom:1px solid var(--line);box-shadow:0 2px 22px #53424d0a}
.wrap{max-width:1190px}.head{gap:13px}.mark{width:52px;height:52px;padding:7px;display:grid;place-items:center;border:1px solid #d8c8c0;background:#142733;color:white;border-radius:16px;box-shadow:0 5px 14px #53424d25;position:relative}.mark img{max-width:100%;max-height:100%;object-fit:contain}.mark .brand-fallback{position:absolute;font-size:15px;font-weight:800;opacity:0}.mark:has(img[style*="none"]) .brand-fallback{opacity:1}.head .brand-word{letter-spacing:4px;color:#705a64;font-size:11px;font-weight:800}.head h1{font-size:19px;color:#322e35;letter-spacing:-.04em;margin-top:3px}.status{color:#65766e;background:#edf3ef;border-radius:99px;padding:7px 12px;font-weight:650}
main{padding-top:19px!important;padding-bottom:96px!important}h2{font-weight:780;letter-spacing:-.035em;color:#302f35;font-size:26px}h3{font-size:18px;font-weight:760;letter-spacing:-.025em;color:#39313a}p,.hint{color:#777078}label{color:#493f46;font-weight:700}button,.button{background:var(--plum);color:white;border-radius:14px;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}button:hover{filter:brightness(1.04);transform:translateY(-1px)}button:active{transform:translateY(0)}button.active{background:var(--plumDeep);color:#fff}button.minor{background:var(--mist);color:var(--plumDeep)}button.danger,.tabs #resetTemplate{background:#f7e5e2;color:#aa433e;border:1px solid #efd2ce}.tabs #resetTemplate:hover{background:#efd1cc;color:#97372e}
#nav{display:flex;gap:9px;padding:2px 0 15px;margin-bottom:3px}#nav button,.tabs button{padding:12px 16px;font-size:13px;flex-shrink:0}#nav button{background:#f1eae5;color:#5a4a54}#nav button.active{background:var(--plum);color:#fff}.tabs{margin:13px 0 9px;gap:9px}.tabs button{background:#f2ebe5;color:#5c4d56}.tabs button.active{background:var(--plumDeep);color:#fff}
.card,.stats article,.listbox{background:#fffefd;border:1px solid var(--line);border-radius:23px;padding:24px;box-shadow:0 10px 35px #57414a0a}.stats article{background:#fffefd}.stats b{font-size:30px;letter-spacing:-.04em;color:#40343e}.stats small{color:#877c7b}.cardline{border-color:#f1e7e1;align-items:center}.cardline img{width:88px;height:88px;border-radius:16px}.chip{background:#f6f0ec;border-radius:13px}.matrow,.labor-row{background:#f1f4f3;border:1px solid #e4e9e6;border-radius:20px;padding:20px}.result{background:#f0f3f2;border-radius:18px;padding:19px}.result small{color:#63727a}.result strong{color:#342d35;font-size:24px}.result.hero{background:#e1f0e9}.result.hero strong{color:#286852}.vat-highlight,#results .result:last-child{background:#f7e5df!important;border:1px solid #e3bbae!important}.vat-highlight strong,#results .result:last-child strong{color:#9e473f!important}
input,select,textarea{border:1px solid #d3d5d7;border-radius:13px;background:#fffefd;padding:13px 14px;color:#39313a}input:focus,select:focus,textarea:focus{outline:2px solid #b98283;outline-offset:0;border-color:#b98283}textarea{min-height:92px}.photo img{border-radius:18px;background:#f2ebe5;border-color:#d4c9c0}.technical-upload,.symbol-catalog{background:#fcf7f3;border:1px dashed #dccac2;border-radius:18px;padding:18px}.symbol-choice{border-radius:15px}.savebar{background:#faf7f2ee;border-color:var(--line);border-radius:15px 15px 0 0;padding:13px 18px}.install-box{border:1px solid #e6d7ca;background:#fffaf6;border-radius:20px}.warning{background:#fff1df}.print-dialog{border-radius:24px}
.atelier-hero{display:flex;justify-content:space-between;min-height:176px;border:1px solid #ecdcd1;border-radius:27px;background:linear-gradient(108deg,#fff9f3 18%,#f3e6da 100%);position:relative;overflow:hidden;margin:0 0 24px;padding:28px 30px}.atelier-hero-copy{z-index:1}.atelier-hero .eyebrow{font-size:10px;font-weight:800;color:#896b68;letter-spacing:2px}.atelier-hero h2{font-family:Georgia,serif;font-weight:700;font-size:38px;margin:12px 0 5px;letter-spacing:-.04em;color:#372f38}.atelier-hero .dot{color:#b77c65}.atelier-hero p{margin:0;color:#746768;font-size:14px}.atelier-art{position:relative;width:260px;max-width:45%;align-self:stretch}.art-circle{position:absolute;width:165px;height:165px;border-radius:50%;background:linear-gradient(140deg,#eac8b8,#c7a7a0);right:26px;top:-12px;opacity:.6}.art-thread{position:absolute;font-size:160px;color:#ab766e;right:40px;top:-51px;font-family:Georgia,serif}.art-needle{position:absolute;font-size:100px;color:#6a7165;right:3px;top:25px;transform:rotate(-24deg)}.art-lines{position:absolute;font-size:37px;color:#bc8465;right:145px;bottom:0}
footer{font-size:11px;color:#96868a;padding:14px 0 40px}
/* Actual mobile app navigation: pinned bottom bar, same existing button event handlers. */
@media(max-width:720px){.wrap{padding:0 15px}.head h1{font-size:17px}.head .status{font-size:10px;padding:5px 7px}.head .mark{width:45px;height:45px}main{padding-bottom:120px!important}#nav{position:fixed;left:0;right:0;bottom:0;z-index:300;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:#fffaf8;border-top:1px solid var(--line);padding:9px max(8px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));margin:0;box-shadow:0 -9px 25px #51424c11;overflow:visible}#nav button{min-width:0;padding:30px 2px 5px;border-radius:13px;font-size:11px;position:relative;background:transparent;color:#6d6167}#nav button.active{background:#f3e7e1;color:#4c3947}#nav button::before{position:absolute;top:6px;left:50%;transform:translateX(-50%);font-size:19px;line-height:20px}#nav button[data-page="list"]::before{content:'▦'}#nav button[data-page="editor"]::before{content:'＋'}#nav button[data-page="lists"]::before{content:'☷'}#nav button[data-page="backup"]::before{content:'⇩'}.atelier-hero{min-height:150px;padding:25px 20px}.atelier-hero h2{font-size:33px}.atelier-art{max-width:38%}.art-circle{right:-16px}.art-thread{right:-15px}.art-needle{right:-33px}.card,.stats article,.listbox{padding:17px;border-radius:20px}.cardline img{width:76px;height:76px}.fields,.results,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.fields label{min-width:0}.photo{flex-direction:column;align-items:stretch}.photo img{width:110px;height:110px}.matrow .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.savebar{bottom:68px}.tabs{flex-wrap:nowrap;overflow:auto}.tabs button{font-size:12px;padding:10px 12px}.tabs #resetTemplate{margin-left:0}.heading h2{font-size:21px}}
@media(max-width:440px){.fields,.stats{grid-template-columns:1fr 1fr}.results{grid-template-columns:1fr 1fr}.result{padding:12px}.result strong{font-size:19px}.heading{flex-wrap:wrap}.cardline{align-items:flex-start}.atelier-hero h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:hover{transform:none}}

/* v5.6: original brand PNG with native aspect ratio and transparent background. */
.head .brand-original{width:95px;height:72px;min-width:95px;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;display:flex;align-items:center;justify-content:center}
.head .brand-original img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center}
.photo img#preview{object-fit:contain;background:#faf6f0}
@media(max-width:720px){.head .brand-original{width:75px;min-width:75px;height:59px}}