/* QResume mobile app shell – phone-only interface */
:root{--qr-app-navy:#17233c;--qr-app-blue:#315c8c;--qr-app-orange:#ff7a1a;--qr-app-bg:#f3f6fb;--qr-app-dock-height:68px;--qr-app-visual-bottom:0px;--qr-app-dock-offset:var(--qr-app-visual-bottom)}
.qr-mobile-start,.qr-mobile-app-dock,.qr-mobile-editor-tools{display:none}

@media(max-width:767.98px){
  html{scroll-behavior:smooth;background:var(--qr-app-bg);-webkit-text-size-adjust:100%}
  body.qr-mobile-app{background:var(--qr-app-bg);padding-bottom:calc(var(--qr-app-dock-height) + env(safe-area-inset-bottom,0px))!important;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
  body.qr-mobile-app button,body.qr-mobile-app a,body.qr-mobile-app input,body.qr-mobile-app select,body.qr-mobile-app textarea{touch-action:manipulation}
  body.qr-mobile-app :focus-visible{outline:3px solid rgba(255,122,26,.34);outline-offset:2px}

  /* App dock: the main destinations stay reachable from every mobile page. */
  .qr-mobile-app-dock{position:fixed;left:0;right:0;bottom:0;z-index:2147483100;height:calc(var(--qr-app-dock-height) + env(safe-area-inset-bottom,0px));padding:5px 6px env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;background:rgba(255,255,255,.97);border-top:1px solid #dce4ee;box-shadow:0 -8px 26px rgba(23,35,60,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .2s ease}
  .qr-mobile-app-dock a,.qr-mobile-app-dock button{appearance:none;-webkit-appearance:none;min-width:0!important;min-height:56px!important;margin:0!important;padding:5px 2px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#667085!important;text-decoration:none!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:750 10px/1.05 Arial,sans-serif!important;box-shadow:none!important;white-space:nowrap!important;overflow:hidden!important}
  .qr-mobile-app-dock .qr-app-icon{height:25px;display:grid;place-items:center;color:var(--qr-app-navy);font-size:22px;line-height:1;font-weight:900}
  .qr-mobile-app-dock a.is-active,.qr-mobile-app-dock button.is-active{background:#eef5ff!important;color:var(--qr-app-blue)!important}
  .qr-mobile-app-dock a.is-active .qr-app-icon,.qr-mobile-app-dock button.is-active .qr-app-icon{color:var(--qr-app-orange)}
  .qr-mobile-app-dock .qr-app-primary{background:var(--qr-app-navy)!important;color:#fff!important;transform:translateY(-8px);box-shadow:0 8px 20px rgba(23,35,60,.24)!important}
  .qr-mobile-app-dock .qr-app-primary .qr-app-icon{color:#ffd36a}
  body.qr-keyboard-open:not(.qr-editor-page) .qr-mobile-app-dock{transform:translateY(120%)}

  /* Compact app header on normal public pages. */
  body.qr-mobile-app:not(.qr-editor-page)>nav.navbar{min-height:54px!important;padding:7px 12px!important;box-shadow:0 5px 18px rgba(23,35,60,.12);z-index:2050}
  body.qr-mobile-app:not(.qr-editor-page)>nav.navbar .navbar-brand img{width:auto;max-width:122px;max-height:36px}
  body.qr-mobile-app:not(.qr-editor-page)>nav.navbar .navbar-toggler{min-width:42px!important;width:42px!important;min-height:40px!important;padding:5px!important}
  body.qr-mobile-app:not(.qr-editor-page)>nav.navbar .navbar-collapse{border-radius:0 0 18px 18px}

  /* Mobile home: one template is the app start screen; long promotion blocks no longer precede the catalog. */
  body.qr-home-page>nav.navbar .navbar-toggler,body.qr-home-page>nav.navbar .navbar-collapse{display:none!important}
  body.qr-home-page>.container{padding:0 10px!important}
  body.qr-home-page main{width:100%;max-width:100%;padding-top:10px}
  .qr-mobile-start{display:block;min-height:520px;min-height:calc(100svh - 142px);padding:15px 10px 12px}
  .qr-mobile-start-head{text-align:left;margin-bottom:12px}
  .qr-mobile-start-eyebrow{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eaf2ff;color:#315c8c;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
  .qr-mobile-start h1{margin:9px 0 5px;color:var(--qr-app-navy);font-size:25px;line-height:1.14;font-weight:950;letter-spacing:-.025em}
  .qr-mobile-start p{margin:0;color:#667085;font-size:13px;line-height:1.45}
  .qr-mobile-start-preview{position:relative;display:flex;align-items:flex-start;justify-content:center;height:430px;height:min(56svh,510px);min-height:340px;padding:12px;border:1px solid #dce4ee;border-radius:22px;background:linear-gradient(145deg,#fff,#edf3fa);box-shadow:0 15px 34px rgba(23,35,60,.13);overflow:hidden;text-decoration:none}
  .qr-mobile-start-preview img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(23,35,60,.14))}
  .qr-mobile-start-badge{position:absolute;left:12px;top:12px;z-index:2;padding:6px 10px;border-radius:999px;background:rgba(23,35,60,.94);color:#ffd86b;font-size:10px;font-weight:900;box-shadow:0 5px 14px rgba(23,35,60,.2)}
  .qr-mobile-start-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:11px}
  .qr-mobile-start-actions .btn{min-height:44px!important;display:flex;align-items:center;justify-content:center;border-radius:13px!important;font-size:12px;font-weight:900;padding:8px 11px!important}
  body.qr-home-page .hero-intro,body.qr-home-page .qr-home-ai-card,body.qr-home-page .qr-home-gold-card,body.qr-home-page .qr-home-mobile-secondary{display:none!important}
  body.qr-home-page #vorlagen{padding:18px 4px 8px!important;scroll-margin-top:62px}
  body.qr-home-page #vorlagen .fs-32{font-size:23px!important;margin-bottom:6px}
  body.qr-home-page .qr-template-price-promise{font-size:11px;padding:8px 10px}
  body.qr-home-page [data-template-filter]{min-height:38px!important;padding:7px 9px!important;font-size:11px!important}
  body.qr-home-page :is(#all,#simple,#professional,#modern,#creative) .qr-template-preview{height:255px}
  body.qr-home-page :is(#all,#simple,#professional,#modern,#creative) .qr-template-card{padding:7px!important;border-radius:13px}
  body.qr-home-page :is(#all,#simple,#professional,#modern,#creative) .qr-template-description{font-size:11px;line-height:1.4}

  /* Editors: a single compact header, full-width A4 canvas and task-focused dock. */
  body.qr-editor-page.qr-mobile-app{padding-bottom:calc(var(--qr-app-dock-height) + var(--qr-app-dock-offset) + env(safe-area-inset-bottom,0px))!important;background:#dfe6ee!important}
  body.qr-editor-page>.qr-mobile-editor-dock{position:fixed!important;inset:auto 0 var(--qr-app-dock-offset) 0!important;width:100%!important;max-width:100vw!important;height:calc(var(--qr-app-dock-height) + env(safe-area-inset-bottom,0px))!important;display:grid!important;visibility:visible!important;opacity:1!important;transform:translate3d(0,0,0)!important;-webkit-transform:translate3d(0,0,0)!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;contain:layout style paint;pointer-events:auto!important}
  body.qr-editor-page.qr-keyboard-open>.qr-mobile-editor-dock{display:grid!important;visibility:visible!important;opacity:1!important;transform:translate3d(0,0,0)!important;-webkit-transform:translate3d(0,0,0)!important}
  body.qr-editor-page.qr-mobile-app>.editor-footer{display:none!important}
  body.qr-editor-page.qr-mobile-app>.qr-editor-toolbar-spacer{height:108px!important;min-height:108px!important}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar.qr-toolbar-fixed{min-height:106px!important;max-height:106px!important;padding:5px 8px!important;overflow:visible!important;background:rgba(255,255,255,.98)!important}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar .container-fluid{min-height:96px;padding:0!important;align-items:center!important;flex-wrap:wrap!important}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar .navbar-brand{margin-right:5px!important}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar .navbar-brand img{width:auto!important;max-width:102px!important;max-height:34px!important}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar .qr-current-template-name{max-width:96px;overflow:hidden;text-overflow:ellipsis;font-size:10px!important;padding:4px 7px!important;margin-left:2px!important}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar .navbar-toggler{margin-left:auto!important;display:flex!important;align-items:center;justify-content:center;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:5px!important;border-color:#cbd5e1!important;background:var(--qr-app-navy)!important}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar .navbar-collapse{position:fixed!important;left:8px;right:8px;top:108px;bottom:calc(var(--qr-app-dock-height) + var(--qr-app-dock-offset) + 7px + env(safe-area-inset-bottom,0px));z-index:2147483000!important;margin:0!important;padding:12px!important;border:1px solid #dce4ee;border-radius:18px;background:#fff!important;box-shadow:0 20px 55px rgba(15,23,42,.28);overflow-y:auto!important;overscroll-behavior:contain}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar .navbar-collapse:not(.show){display:none!important}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar .navbar-nav.d-contents{gap:6px!important}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar .navbar-nav>.nav-item{width:100%!important}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar .navbar-nav>.nav-item>.nav-link{min-height:44px!important;margin:0!important;padding:9px 10px!important;border-radius:11px;background:#f5f7fa;text-align:left!important}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar .navbar-collapse .nav-item.flex-grow-1{display:none!important}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar .nav-item.flex-grow-1 .nav-link{background:#eef5ff!important}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar .nav-item.flex-grow-1 .nav-link>.row{gap:8px!important}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar .nav-item.flex-grow-1 .d-flex{gap:8px!important;flex-wrap:wrap!important}
  body.qr-editor-page.qr-mobile-app>nav.qr-editor-toolbar select.form-select{max-width:140px!important}
  .qr-mobile-editor-tools{order:20;flex:0 0 100%;height:44px;min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) 62px 42px;align-items:center;gap:6px;padding:3px 0 0;border-top:1px solid #e5eaf1}
  .qr-mobile-editor-tools select,.qr-mobile-editor-tools button{width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;border:1px solid #cfd8e5!important;border-radius:9px!important;background:#fff!important;color:var(--qr-app-navy)!important;padding:4px 7px!important;font:800 11px/1.1 Arial,sans-serif!important;box-shadow:none!important}
  .qr-mobile-editor-tools .qr-mobile-quick-size{padding-left:5px!important;padding-right:3px!important;text-align:center}
  .qr-mobile-quick-color{width:40px;height:38px;display:grid;place-items:center;border:1px solid #cfd8e5;border-radius:9px;background:#fff;overflow:hidden}
  .qr-mobile-quick-color input{width:34px!important;height:34px!important;margin:0!important;padding:2px!important;border:0!important;background:transparent!important}
  .qr-mobile-editor-tools .qr-mobile-quick-undo{display:grid!important;place-items:center;padding:0!important;font-size:25px!important;line-height:1!important}
  body.qr-editor-page.qr-mobile-app>.container{width:100%!important;max-width:100%!important;padding:3px 2px 10px!important;overflow-x:hidden!important}
  body.qr-editor-page.qr-mobile-app>.container>main{transform-origin:top center!important;margin:0 auto!important;box-shadow:0 8px 24px rgba(23,35,60,.13)}
  body.qr-editor-page.qr-mobile-app #template>div,body.qr-editor-page.qr-mobile-app #sections>div{max-height:calc(100svh - 78px)!important}
  body.qr-editor-page.qr-mobile-app .qr-cookie-floating{bottom:calc(var(--qr-app-dock-height) + var(--qr-app-dock-offset) + 12px)!important}

  /* Floating editor helpers remain above the app dock. */
  body.qr-mobile-app #qr-coupon-banner{bottom:calc(var(--qr-app-dock-height) + var(--qr-app-dock-offset) + env(safe-area-inset-bottom,0px))!important}
  body.qr-mobile-app .qr-matchjobs-ticker{bottom:calc(var(--qr-app-dock-height) + var(--qr-app-dock-offset) + env(safe-area-inset-bottom,0px))!important}
  body.qr-mobile-app .qr-matchjobs-open{bottom:calc(var(--qr-app-dock-height) + var(--qr-app-dock-offset) + 14px + env(safe-area-inset-bottom,0px))!important}
  body.qr-mobile-app .qr-matchjobs-panel{bottom:calc(var(--qr-app-dock-height) + var(--qr-app-dock-offset) + 12px + env(safe-area-inset-bottom,0px))!important;max-height:calc(100svh - var(--qr-app-dock-height) - 26px)!important}
  body.qr-mobile-app .qr-resume-import-floating{bottom:calc(var(--qr-app-dock-height) + var(--qr-app-dock-offset) + 64px + env(safe-area-inset-bottom,0px))!important}
}

@supports(height:100dvh){
  @media(max-width:767.98px){html{--qr-app-dock-offset:max(var(--qr-app-visual-bottom),calc(100lvh - 100dvh))}}
}

@media(max-width:380px){
  .qr-mobile-start{padding-left:5px;padding-right:5px}.qr-mobile-start-preview{min-height:305px;height:52svh}.qr-mobile-start-actions{grid-template-columns:1fr}.qr-mobile-app-dock a,.qr-mobile-app-dock button{font-size:9px!important}.qr-mobile-app-dock .qr-app-icon{font-size:20px}
}

@media print{.qr-mobile-app-dock,.qr-mobile-start{display:none!important}}