:root{color:#16233a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--action-height:92px;--page-inline:clamp(14px, 4vw, 24px);background:#eef3f8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#eef3f8;min-width:320px}body{min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #f3b317}.app-shell{min-height:100svh;padding-bottom:calc(var(--action-height) + env(safe-area-inset-bottom))}.app-header{z-index:2;padding:calc(12px + env(safe-area-inset-top)) var(--page-inline) 12px;background:#f4f7fbf0;border-bottom:1px solid #d9e2ed;position:relative}.app-header__inner{width:min(100%,960px);margin:0 auto}.app-header__eyebrow{color:#607087;letter-spacing:.11em;text-transform:uppercase;margin:0 0 2px;font-size:.7rem;font-weight:750;line-height:1.2}.app-header__title-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.app-header h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.45rem,7vw,2rem);font-weight:760;line-height:1.15}.document-number{color:#52647c;font-variant-numeric:tabular-nums;font-size:.84rem;font-weight:650}.delivery-note-main,.state-page{width:min(100%,960px);padding:var(--page-inline);margin:0 auto}.delivery-note-main{min-height:calc(100svh - 74px - var(--action-height) - env(safe-area-inset-top))}.state-page{min-height:calc(100svh - 80px)}.pdf-viewer{background:#fff;border-radius:10px;width:100%;min-width:0;overflow:hidden;box-shadow:0 6px 24px #20324a1f}.pdf-viewer__frame{width:100%;height:calc(100svh - 180px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:#fff;border:0;min-height:520px;display:block}.action-bar{z-index:5;padding:12px var(--page-inline) calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);background:#f4f7fbf0;border-top:1px solid #d2dce8;position:fixed;bottom:0;left:0;right:0}.print-button{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0b5bcc;border:0;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:min(100%,720px);min-height:60px;margin:0 auto;padding:14px 22px;font-size:1.05rem;font-weight:760;line-height:1.2;display:flex;box-shadow:0 8px 20px #0b5bcc40}.print-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;flex:none;width:23px;height:23px}.print-button:active:not(:disabled){background:#074da9;transform:translateY(1px)}.print-button:disabled{color:#8d9aae;box-shadow:none;cursor:not-allowed;background:#dce3ec}.loading-state,.error-state{justify-content:center;align-items:center;min-height:min(560px,100svh - 190px);display:flex}.loading-state{color:#394b63;text-align:center;flex-direction:column;gap:24px}.loading-state__document{background:#fff;border:1px solid #d4deea;border-radius:8px;width:88px;height:114px;padding:30px 16px 16px;position:relative;overflow:hidden;box-shadow:0 8px 24px #20324a1a}.loading-state__document:after{content:"";background:linear-gradient(100deg,#0000 20%,#ebf1f8d9 50%,#0000 80%);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.loading-state__document span{background:#e2e9f1;border-radius:10px;height:6px;margin-bottom:11px;display:block}.loading-state__document span:last-child{width:62%}.loading-state__title,.loading-state__hint{margin:0}.loading-state__title{font-size:1.05rem;font-weight:720}.loading-state__hint{color:#708096;margin-top:4px;font-size:.9rem}.error-state{color:#33455c;text-align:center;flex-direction:column;padding:32px 20px}.error-state__icon{color:#8f5800;background:#fff2cf;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:14px;font-size:1.4rem;font-weight:800;display:grid}.error-state p{max-width:340px;margin:0;font-size:1.05rem;font-weight:650;line-height:1.5}.secondary-button{color:#0b5bcc;cursor:pointer;touch-action:manipulation;background:#fff;border:2px solid #0b5bcc;border-radius:12px;min-height:50px;margin-top:22px;padding:12px 22px;font-weight:740}@keyframes shimmer{to{transform:translate(100%)}}@media (hover:hover){.print-button:hover:not(:disabled){background:#084eae}.secondary-button:hover{background:#edf5ff}}@media (width>=720px){:root{--action-height:100px}.app-header{padding-top:20px;padding-bottom:16px}.delivery-note-main{padding-top:24px}.pdf-viewer{border-radius:14px}.pdf-viewer__frame{height:calc(100svh - 216px);min-height:640px}}@media (prefers-reduced-motion:reduce){.loading-state__document:after{animation:none}}