/* Presentation chrome only. App screens are unmodified original frontend captures. */
#app-dialog{width:min(1180px,calc(100% - 28px));max-height:94dvh}
#app-dialog.tour-expanded{width:min(1560px,calc(100% - 24px))}
#app-dialog .dialog-gallery{padding:24px;background:#eef1f5;border-color:#d5dce6}
#app-dialog .gallery-heading{color:#253449;margin:0 56px 18px 0;font-size:13px}
#app-dialog .gallery-heading small{color:#526278;font-size:11px}
#app-dialog .dialog-body{padding:30px 34px}
.original-tour{--tour-bg:#fff;--tour-soft:#e9edf4;--tour-text:#172437;--tour-muted:#526078;--tour-line:#c9d2e0;--tour-accent:#3347be;color:var(--tour-text);font-size:12px}
.original-tour button,.tour-loading button{min-height:38px;padding:8px 12px;border:1px solid var(--tour-line,#c9d2e0);border-radius:9px;background:var(--tour-bg,#fff);color:var(--tour-text,#172437);font:inherit;font-size:12px;font-weight:700;line-height:1.4}
.original-tour button:hover:not(:disabled){background:var(--tour-soft);border-color:var(--tour-accent);color:var(--tour-text)}
.original-tour button:focus-visible{outline:3px solid var(--tour-accent);outline-offset:3px}
.original-tour button:disabled{opacity:.4;cursor:default}
.tour-toolbar,.tour-tools,.tour-footer,.tour-options,.tour-pagination{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tour-toolbar,.tour-footer{justify-content:space-between}
.tour-source{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--tour-muted)}
.tour-source>span{color:var(--tour-accent)}
.tour-devices{display:flex;padding:3px;border:1px solid var(--tour-line);border-radius:11px;gap:3px;background:var(--tour-soft)}
.tour-devices button{min-height:30px;border-color:transparent;background:transparent;padding:5px 10px;color:var(--tour-muted)}
.tour-devices button[aria-pressed=true]{background:var(--tour-bg);color:var(--tour-text);border-color:var(--tour-line)}
.tour-views{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0}
.tour-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}
.tour-sections[data-group-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.tour-sections button{display:flex;justify-content:center;align-items:center;gap:8px;min-width:0}
.tour-sections button[aria-pressed=true]{border-color:var(--tour-accent);background:var(--tour-soft);color:var(--tour-text)}
.tour-sections button>span{font-size:10px;color:var(--tour-muted)}
@media(max-width:700px){.tour-sections{gap:5px}.tour-sections button{font-size:10px;padding:8px 5px;gap:4px}.tour-sections button>span{display:none}}
.tour-views button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;text-align:center}
.tour-views button>span{font-size:10px;font-weight:500;opacity:.75}
.tour-views button[aria-current=page]{background:var(--tour-accent);border-color:var(--tour-accent);color:#fff}
.tour-views button[aria-current=page]:hover{background:var(--tour-accent);color:#fff}
.tour-stage{padding:0;border:1px solid var(--tour-line);border-radius:14px;background:var(--tour-soft);overflow:hidden}
#app-dialog.tour-expanded .tour-stage[data-device=desktop]{overflow:auto;overscroll-behavior:contain}
#app-dialog.tour-expanded .tour-stage[data-device=desktop] .tour-screen{min-width:1000px}
.tour-screen{position:relative;width:100%;margin-inline:auto;background:var(--tour-bg);isolation:isolate}
.tour-stage[data-device=mobile]{padding:16px}
.tour-stage[data-device=mobile] .tour-screen{max-width:390px;box-shadow:0 10px 30px #101b3020;border-radius:12px;overflow:hidden}
.tour-image{display:block;width:100%;height:auto;max-width:none;filter:none;transform:none}
.original-tour .tour-hotspot{position:absolute;display:block;min-height:0;min-width:0;padding:0;border:2px solid transparent;border-radius:6px;background:transparent;color:transparent;z-index:1}
.original-tour button.tour-hotspot:hover:not(:disabled),.original-tour .tour-hotspot:focus-visible{border-color:var(--tour-accent);background:#6675e31c;box-shadow:0 0 0 2px #fff8;outline-offset:0}
.show-targets .tour-hotspot{border-color:var(--tour-accent);border-style:dashed;background:#7786ff14}
.tour-image-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:column;padding:24px;background:var(--tour-bg);text-align:center}
.tour-frame-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;margin-top:16px;padding:20px 22px;border:1px solid var(--tour-line);border-radius:14px;background:var(--tour-bg);color:var(--tour-text)}
.tour-frame-kicker{margin:0 0 7px;color:var(--tour-muted);font-size:11px;font-weight:700;line-height:1.5}
.tour-frame-guide h3{margin:0 0 8px;color:var(--tour-text);font-size:18px;font-weight:750;letter-spacing:-.02em;line-height:1.3}
.tour-frame-description{margin:0;color:var(--tour-muted);font-size:13px;line-height:1.65}
.tour-frame-guide ul{align-self:center;display:grid;gap:10px;margin:0;padding:0 0 0 20px;color:var(--tour-text);font-size:13px;line-height:1.65}
.tour-frame-guide li{padding-left:3px;overflow-wrap:anywhere}
.tour-frame-guide li::marker{color:var(--tour-accent)}
.tour-footer{padding-top:15px;gap:14px}
.tour-pagination{gap:12px;flex-wrap:nowrap}
.tour-pagination button{font-size:18px;min-width:40px}
.tour-pagination p{display:flex;flex-direction:column;gap:3px;margin:0;min-width:100px;text-align:center}
.tour-pagination strong{font-size:12px;letter-spacing:0}
.tour-pagination p>span{font-size:11px;color:var(--tour-muted)}
.tour-options button{font-size:11px}
.tour-explanation{margin:15px 0 0;padding-top:13px;border-top:1px solid var(--tour-line);font-size:11px;line-height:1.8;color:var(--tour-muted)}
.tour-loading{padding:45px 20px;text-align:center;color:var(--muted)}
.app-card .preview img[data-original-app]{height:auto;width:100%;object-fit:contain;object-position:top;border:1px solid var(--line);box-shadow:0 8px 20px #18203020;filter:none;transform:none;border-radius:10px 10px 0 0}
.app-card .preview:hover img[data-original-app]{transform:none}
.app-card[data-app=partykick]{order:0}.app-card[data-app=zwischenuns]{order:1}.app-card[data-app=kalero]{order:2}.app-card[data-app=arbeitszeit]{order:3}.app-card[data-app=wartungen]{order:4}.app-card[data-app=handwerk]{order:5}
.app-card[data-app=direktdesk]{order:6}
.tour-explanation a{text-decoration:underline;text-underline-offset:3px}
.hero-art.authentic-hero{padding:50px 24px 33px;display:flex;align-items:flex-start;min-height:0}
.authentic-hero .hero-original{position:relative;border-radius:13px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:0 15px 35px #14252222;padding:0;text-align:left;line-height:0}
.hero-original.hero-primary{width:100%;transform:rotate(-3deg);margin-top:14px}
.hero-original.hero-secondary{position:absolute;width:60%;right:20px;bottom:33px;transform:rotate(4deg)}
.hero-original img{width:100%;height:auto;filter:none}
.hero-original .hero-screen-label{position:absolute;right:9px;bottom:9px;padding:8px 11px;font-size:10px;line-height:1.4;font-weight:800;border-radius:30px;background:#fff;color:#1c2938;border:1px solid #d5deea;box-shadow:0 2px 8px #121c2820}
.hero-original:hover .hero-screen-label{background:#e2e9f9;color:#1c2938}
html[data-site-theme=dark] #app-dialog .dialog-gallery{background:#141e2b;border-color:#35465c}
html[data-site-theme=dark] #app-dialog .gallery-heading{color:#eff4ff}
html[data-site-theme=dark] #app-dialog .gallery-heading small{color:#bac9dc}
html[data-site-theme=dark] .original-tour{--tour-bg:#202e40;--tour-soft:#172232;--tour-text:#eff4ff;--tour-muted:#bac9dc;--tour-line:#4a5d77;--tour-accent:#9eadff}
html[data-site-theme=dark] .tour-views button[aria-current=page],html[data-site-theme=dark] .tour-views button[aria-current=page]:hover{color:#101b38}
html[data-site-theme=dark] .hero-original .hero-screen-label{background:#233348;color:#f3f7ff;border-color:#536983}
html[data-site-theme=dark] .hero-original:hover .hero-screen-label{background:#344b6b}
@media(max-width:700px){#app-dialog{width:calc(100% - 16px);max-height:96dvh;border-radius:18px}#app-dialog .dialog-gallery{padding:17px 12px}#app-dialog .gallery-heading{font-size:12px;margin-bottom:17px;line-height:1.5}#app-dialog .gallery-heading small{font-size:10px}#app-dialog .dialog-body{padding:24px 20px}.tour-toolbar{gap:9px}.tour-tools{width:100%;justify-content:space-between}.tour-views{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tour-views button{font-size:11px;padding:7px 9px;min-height:38px}.tour-views button>span{display:none}.tour-stage[data-device=mobile]{padding:0}.tour-stage[data-device=mobile] .tour-screen{border-radius:0}.tour-footer{justify-content:center}.tour-options{justify-content:center}.tour-explanation{font-size:10px}.hero-art.authentic-hero{height:390px;padding:48px 18px 32px}.hero-original.hero-secondary{width:63%;right:18px;bottom:29px}}
@media(prefers-reduced-motion:reduce){.original-tour *{scroll-behavior:auto;transition:none}}
@media(max-width:700px){.tour-sections[data-group-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.tour-sections[data-group-count="4"] button{font-size:11px;padding:9px 7px}.tour-frame-guide{grid-template-columns:minmax(0,1fr);gap:14px;padding:17px 16px;margin-top:12px}.tour-frame-guide h3{font-size:17px}.tour-frame-kicker{font-size:11px}.tour-frame-description,.tour-frame-guide ul{font-size:13px}}