.order-line-item{border-left:4px solid var(--primary-color)}.line-header{margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.product-details{display:flex;align-items:center;gap:1rem}.product-image{width:64px;height:64px;object-fit:cover;border-radius:16px;border:1px solid #eee;background-color:#f9f9f9}.product-name{font-size:1.125rem;margin-bottom:4px;color:var(--text-primary)}.ordered-qty,.unit-price{font-size:.9rem;color:var(--text-secondary);display:block}.line-inputs{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-size:.9rem}.form-group input{padding:12px;border:1px solid var(--border-color);border-radius:16px;font-size:1rem;width:100%;box-sizing:border-box;background:var(--bg-color);transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #ec587026}.form-group input.error{border-color:var(--error-color);background-color:#fff5f5}.error-msg{color:var(--error-color);font-size:.85rem;margin-top:4px}@media(min-width:600px){.line-inputs{flex-direction:row}.form-group{flex:1}}.ordered-qty{font-size:.9rem;color:var(--text-secondary);display:block;margin-bottom:4px}.product-image-container{position:relative;cursor:pointer;border-radius:12px;overflow:hidden;width:80px;height:80px;flex-shrink:0;border:1px solid #eee;background-color:#f9f9f9}.product-image{width:100%;height:100%;object-fit:cover}.product-image-container:hover .product-image{opacity:.9}.zoom-icon{position:absolute;bottom:0;right:0;background:#00000080;color:#fff;font-size:10px;padding:2px 4px;border-top-left-radius:4px;opacity:0;transition:opacity .2s;pointer-events:none}.product-image-container:hover .zoom-icon{opacity:1}.image-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;z-index:9999;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease-in-out}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;animation:zoomIn .2s ease-in-out}.product-image-large{max-width:100%;max-height:90vh;border-radius:8px;box-shadow:0 4px 20px #00000080;object-fit:contain}.image-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;line-height:1;z-index:10001;text-shadow:0 2px 4px rgba(0,0,0,.5)}.image-modal-close:hover{color:#ddd}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.form-container{padding-bottom:80px}.po-header{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-md);background:linear-gradient(145deg,#ec5870,#ad4b4d);border-radius:16px;color:#fff;box-shadow:0 16px 25px #ad4b4d59;text-align:center}.po-header h1{font-size:1.85rem;margin-bottom:6px;color:#fff;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.15)}.subtitle{color:#ffffffe6;margin-bottom:0;font-size:.95rem;font-weight:400}.po-meta{display:inline-flex;justify-content:center;gap:var(--spacing-md);font-size:.9rem;background:#fff;padding:16px 20px;border-radius:16px;color:#ad4b4d;margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:0 2px 16px #0000001a;font-weight:600}.sticky-footer{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;padding:var(--spacing-md);box-shadow:0 -2px 10px #0000001a;backdrop-filter:blur(5px);z-index:100;display:flex;justify-content:center}.submit-btn{width:100%;max-width:600px;background-color:var(--primary-color);color:#fff;border:none;padding:16px;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.submit-btn:hover{background-color:var(--primary-dark)}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{background-color:#cbd5e0;cursor:not-allowed;transform:none}.loading,.submit-error,.success-screen{text-align:center;padding:var(--spacing-lg)}.submit-error{color:var(--error-color);background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin-top:var(--spacing-md);padding:var(--spacing-md)}.success-card{text-align:center;padding:40px var(--spacing-md)}.success-card h2{color:var(--success-color);margin-bottom:var(--spacing-md)}.order-note-section{margin-top:var(--spacing-lg)}.order-note-section label{display:block;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.order-note-input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:12px;font-family:inherit;font-size:1rem;resize:vertical;transition:border-color .2s,box-shadow .2s}.order-note-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ec587026}@media(min-width:600px){.po-header h1{font-size:2.25rem}.po-header{padding:var(--spacing-xl) var(--spacing-lg)}}