.modal-shell__overlay{z-index:1300;background:0 0;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-shell__overlay--dimmed{background:rgba(0, 0, 0, var(--modal-overlay-alpha,.35))}.modal-shell__window{transform-origin:bottom;background:#fff;border-radius:10px;flex-direction:column;width:max(650px,50vw);max-width:980px;max-height:86vh;animation:.4s cubic-bezier(.2,.8,.2,1) both modal-shell-window-enter;display:flex;overflow:hidden;box-shadow:0 10px 30px #0003}@keyframes modal-shell-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-shell-window-enter{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-shell__header{border-bottom:1px solid #00000014;flex-shrink:0;padding:1.1rem 1rem .7rem}.modal-shell__header-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.modal-shell__header-main{flex:1;min-width:0}.modal-shell__title{margin:0}.modal-shell__body{flex:1;min-height:0;padding:1rem;overflow:hidden auto}.modal-shell__body--normal{padding:1rem}.modal-shell__body--dense{padding:.75rem}.modal-shell__body--flush{padding:0}.modal-shell__body *{word-wrap:break-word;overflow-wrap:break-word}.modal-shell__footer{border-top:1px solid #00000014;flex-shrink:0;justify-content:flex-end;gap:.5rem;padding:.7rem 1rem 1rem;display:flex}.modal-shell__footer-start{gap:.5rem;margin-right:auto;display:flex}.modal-shell__footer-end{gap:.5rem;display:flex}@media (width<=768px){.modal-shell__overlay{padding:.5rem}.modal-shell__window{width:100%;max-height:calc(100vh - 4rem);max-height:calc(100svh - 3rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.modal-shell__header{padding:.85rem .75rem .6rem}.modal-shell__body{-webkit-overflow-scrolling:touch}.modal-shell__body--normal,.modal-shell__body--dense{padding:.75rem}.modal-shell__footer{flex-direction:column;align-items:stretch;gap:.4rem;padding:.6rem .75rem .75rem}.modal-shell__footer>*{width:100%;margin-right:0}.modal-shell__footer-start,.modal-shell__footer-end{flex-direction:column;width:100%}.modal-shell__footer .btn{width:100%}}@media (prefers-reduced-motion:reduce){.modal-shell__overlay--dimmed,.modal-shell__window{animation:none}}.form-optional{color:var(--color-text-primary-65);font-size:.86rem;font-weight:500}.modal-form{--modal-form-control-border:#d4d7de;--modal-form-control-background:#fff;--modal-form-control-focus:#3b82f659;gap:.55rem;display:grid}.modal-form label{font-weight:600}.modal-form label.modal-form__checkbox{margin:0;font-weight:500}.modal-form__checkbox{align-items:center;gap:.45rem;display:flex}.modal-form__checkbox input{width:auto;margin:0}.modal-form input:not([type=checkbox]):not([type=radio]),.modal-form select,.modal-form textarea{border:1px solid var(--modal-form-control-border);width:100%;font:inherit;background:var(--modal-form-control-background);border-radius:8px;padding:.6rem .7rem}.modal-form .input-group{flex-wrap:nowrap;align-items:stretch;display:flex}.modal-form .input-group>.form-control,.modal-form .input-group>.form-select{flex:auto;width:1%;min-width:0}.modal-form .input-group>.input-group-text{flex:none}.modal-form input:not([type=checkbox]):not([type=radio]):focus,.modal-form select:focus,.modal-form textarea:focus{outline:2px solid var(--modal-form-control-focus);outline-offset:1px}.modal-form textarea{resize:vertical}.modal-form__required{color:#dc3545}.modal-form__recommendation{color:#dc3545;font-size:.9rem;font-weight:500}.modal-details-shell{flex-direction:column;flex:1;min-height:0;display:flex}.modal-details-shell .modal-shell__body{gap:.8rem;display:grid}.modal-details-meta{gap:.7rem;display:grid}.modal-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.modal-detail-label{color:#0c1821a8;font-size:.85rem;display:block}.modal-detail-value{color:#0c1821;white-space:pre-wrap;margin:0;font-weight:600}.modal-section-separator{border-bottom:1px solid #0c18211f;margin:.85rem 0}.modal-tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.modal-tag{background:var(--color-surface-muted);color:var(--color-text-primary-78);border-radius:999px;padding:.3rem .7rem;font-weight:600}@media (width<=768px){.modal-details-grid{grid-template-columns:1fr}}.copy-button{color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s,transform .15s;display:inline-flex}.copy-button__icon{flex-shrink:0;width:16px;height:16px}.copy-button:hover,.copy-button:focus-visible{color:var(--bs-primary,#0d6efd);transform:translateY(-1px)}.po-modal-overlay{z-index:1300;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.po-modal{background:#fff;border-radius:12px;flex-direction:column;width:max(560px,50vw);max-height:86vh;display:flex;box-shadow:0 20px 40px #0003}.po-modal__header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.po-modal__title{color:#1e293b;margin:0;font-size:1.125rem;font-weight:600}.po-modal__close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1;transition:color .15s}.po-modal__close:hover{color:#1e293b}.po-modal__body{flex:1;padding:1.5rem;overflow-y:auto}.po-modal__section{margin-bottom:1.5rem}.po-modal__section-divider{background:#e2e8f0;height:1px;margin:.25rem 0 1.25rem}.po-modal__hero{margin-bottom:1rem}.po-modal__hero-production,.po-modal__hero-send{border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:.85rem}.po-modal__hero-top-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.po-modal__hero-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:flex-start;gap:1rem;margin:0;padding:0;display:grid}.po-modal__hero-production-column{flex-direction:column;align-items:flex-start;gap:.25rem;margin:0;padding:0;display:flex}.po-modal__hero-item-column{flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:.25rem;margin:0;padding:0;display:flex}.po-modal__hero-production-column .po-modal__hero-top-row{justify-content:flex-start;align-self:flex-start;width:100%;margin:0 0 .35rem;padding:0}.po-modal__hero-item-column .po-modal__hero-top-row{justify-content:flex-end;align-self:flex-start;width:100%;margin:0 0 .35rem;padding:0}.po-modal__hero-goto-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-self:flex-start;align-items:center;gap:.35rem;margin-top:.25rem;margin-bottom:.5rem;padding:.2rem .5rem;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.po-modal__hero-goto-btn:hover{background:#f8fafc;border-color:#cbd5f5}.po-modal__hero-goto-btn svg{flex-shrink:0}.po-modal__production-order-row{align-items:center;gap:.5rem;margin:0 0 .5rem;display:flex}.po-modal__item-id{color:#1e293b;margin:0;font-size:1.3rem;font-weight:600;line-height:1}.po-modal__hero-send .po-modal__production-order-row{gap:.25rem}.po-modal__hero-label,.po-modal__hero-label--muted{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin:0;font-size:.75rem}.po-modal__hero-id-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;width:100%;margin:0;padding:0;display:flex}.po-modal__hero-send .po-modal__hero-id-actions{justify-content:flex-start}.po-modal__hero-id-actions code{color:#3b82f6;background:#f8fafc;border-radius:4px;padding:.2rem .6rem;font-size:.8125rem}.po-modal__hero-badge{color:#0f172a;background:#e2e8f0;border-radius:999px;padding:.2rem .75rem;font-size:.75rem;font-weight:600}.po-modal__production-order-id,.po-modal__production-item-id{color:#0f172a;margin:0;font-size:1.25rem;font-weight:600}.po-modal__production-order-item{color:#475569;margin:.25rem 0 0;font-size:1rem;font-weight:500}.po-modal__hero .po-modal__item-name{margin:.35rem 0}.po-modal__grid{flex-direction:column;gap:.5rem;display:flex}.po-modal__grid-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.po-modal__grid-item{flex-direction:column;padding:.25rem 0;display:flex}.po-modal__detail-label{letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:.2rem;font-size:.65rem;display:block}.po-modal__detail-value{color:#1e293b;font-size:.9rem;font-weight:600;line-height:1.3}.po-modal__section:last-child{margin-bottom:0}.po-modal__section-title{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0 0 .75rem;font-size:.75rem;font-weight:600}.po-modal__id-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.po-modal__label{color:#64748b;text-transform:uppercase;font-size:.75rem}.po-modal__id-value{align-items:center;gap:.5rem;display:flex}.po-modal__id-value code{color:#3b82f6;background:#f8fafc;border-radius:4px;padding:.25rem .5rem;font-size:.8125rem}.po-modal__item-name{color:#1e293b;margin:0;font-size:1.125rem;font-weight:500}.po-modal__files-list{flex-direction:column;gap:.5rem;display:flex}.po-modal__file-item{background:#efefef;border-radius:6px;align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex}.po-modal__file-icon{font-size:1.25rem}.po-modal__file-name{flex:1;min-width:0;font-size:.875rem}.po-modal__file-actions{flex-shrink:0;gap:.375rem;display:flex}.po-modal__files-wrapper{background:#f8fafc;border-left:3px solid #ef4444;border-radius:6px;padding:.85rem}.po-modal__files-empty{margin:0}.po-modal__comments{color:#1e293b;background:#f8fafc;border-left:3px solid #3b82f6;border-radius:6px;margin:0;padding:.875rem;font-size:.875rem}.po-modal__form-row{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.po-modal__field{flex-direction:column;flex:1;gap:.375rem;display:flex}.po-modal__field--small{flex:0 0 100px;min-width:80px}.po-modal__field--medium{flex:2}.po-modal__field--thickness{flex:0 120px;max-width:130px}.po-modal__field label{color:#1e293b;font-size:.8125rem;font-weight:500}.po-modal__field .required{color:#ef4444}.po-modal__hint{color:#64748b;text-transform:none;letter-spacing:normal;font-size:.7rem;font-weight:400}.po-modal__field input,.po-modal__field select{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.po-modal__field input:focus,.po-modal__field select:focus{border-color:#3b82f6;outline:none}.po-modal__unit-input input{border-top-right-radius:0;border-bottom-right-radius:0;flex:auto;width:1%;min-width:0}.po-modal__unit-input{flex-wrap:nowrap;display:flex}.po-modal__unit-input .input-group-text{white-space:nowrap;border-color:#e2e8f0;border-radius:0 6px 6px 0;flex:none;font-size:.875rem}.po-modal__file-upload input{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:6px;width:100%;padding:.5rem}.po-modal__uploaded-files{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.po-modal__uploaded-file{background:#f8fafc;border-radius:4px;align-items:center;gap:.5rem;padding:.375rem .625rem;font-size:.8125rem;display:flex}.po-modal__uploaded-file button{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.po-modal__textarea{resize:none;border:1px solid #e2e8f0;border-radius:6px;width:100%;min-height:80px;padding:.625rem .875rem;font-family:inherit;font-size:.875rem}.po-modal__textarea:focus{border-color:#3b82f6;outline:none}.po-modal__footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.po-modal__btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:opacity .15s}.po-modal__btn:disabled{opacity:.5;cursor:not-allowed}.po-modal__btn--primary{color:#fff;background:#3b82f6}.po-modal__btn--secondary{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0}.po-modal__btn--success{color:#fff;background:#22c55e}.po-modal__btn--danger{color:#fff;background:#ef4444}.po-modal__btn:not(:disabled):hover{opacity:.9}.po-modal__meta-entry{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.4rem;padding:.75rem .85rem;display:flex}.po-modal__meta-header{color:#475569;justify-content:space-between;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.po-modal__meta-name{color:#1e293b;font-size:1rem;font-weight:600}.po-modal__meta-datetime{font-variant-numeric:tabular-nums;white-space:nowrap;color:#64748b;font-size:.8125rem}.po-modal__meta-body{flex-direction:column;gap:.1rem;display:flex}.po-modal__meta-email{color:#3b82f6;font-size:.875rem;text-decoration:none}.po-modal__meta-email:hover,.po-modal__meta-email:focus{text-decoration:underline}