:root{--primary-color:#0052cc;--secondary-color:#f4f5f7;--success-color:#36b37e;--warning-color:#ffab00;--error-color:#de350b;--info-color:#00b8d9;--text-primary:#172b4d;--text-secondary:#5e6c84;--text-muted:#6b778c;--border-color:#dfe1e6;--border-radius:4px;--box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-size-sm:12px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:#1976d2;color:#1976d2;line-height:1.5;margin:0;padding:0}.purchase-order-container,.work-order-container{min-height:100vh;background:#f8f9fa;position:relative}.loading-container{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:40px;height:40px;border:4px solid #1976d2;border-top:4px solid #1976d2;border-radius:50%;animation:1s linear infinite spin}.loading-text{margin-top:#1976d2;font-size:#1976d2;color:#1976d2}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.notification{margin-bottom:#1976d2;padding:#1976d2;border-radius:#1976d2;border-left:4px solid}.notification.notification-success{background:#e3fcef;border-left-color:#1976d2;color:#064}.notification.notification-error{background:#ffebe6;border-left-color:#1976d2;color:#bf2600}.notification.notification-warning{background:#fffae6;border-left-color:#1976d2;color:#974f00}.notification.notification-info{background:#e6fcff;border-left-color:#1976d2;color:#006380}.notification-content{display:flex;justify-content:space-between;align-items:center}.notification-message{flex:1;font-weight:#1976d2}.notification-close{background:0 0;border:none;font-size:18px;cursor:pointer;color:inherit;padding:0;margin-left:#1976d2}.notification-close:hover{opacity:.7}.purchase-order-content,.work-order-content{padding:#1976d2}.purchase-order-content.loading,.work-order-content.loading{opacity:.6;pointer-events:none}.purchase-order-header,.work-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:#1976d2;padding-bottom:#1976d2;border-bottom:1px solid #1976d2}.purchase-order-title,.work-order-title{font-size:#1976d2;font-weight:#1976d2;color:#1976d2;margin:0}.edit-actions,.purchase-order-actions,.view-actions,.work-order-actions{display:flex;gap:#1976d2}.purchase-order-list,.work-order-list{margin-bottom:#1976d2;background:#fff;border-radius:#1976d2;box-shadow:#1976d2;overflow:hidden}.list-header{background:#1976d2;padding:#1976d2;border-bottom:1px solid #1976d2}.list-title{font-weight:#1976d2;color:#1976d2}.list-items{max-height:300px;overflow-y:auto}.list-item{display:flex;justify-content:space-between;align-items:center;padding:#1976d2;border-bottom:1px solid #1976d2;cursor:pointer;transition:background-color .2s}.list-item:hover{background:#1976d2}.list-item.selected{background:#e3f2fd;border-left:4px solid #1976d2}.list-item:last-child{border-bottom:none}.list-item-main{display:flex;align-items:center;gap:#1976d2}.list-item-number{font-weight:#1976d2;color:#1976d2}.list-item-status{padding:2px 8px;border-radius:12px;font-size:#1976d2;font-weight:#1976d2}.list-item-status.status-active{background:#e3fcef;color:#1976d2}.list-item-status.status-inactive{background:#f4f5f7;color:#1976d2}.list-item-status.status-pending{background:#fffae6;color:#1976d2}.list-item-status.status-completed,.list-item-status.status-expired{background:#ffebe6;color:#1976d2}.list-item-details{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.list-item-amount,.list-item-balance,.list-item-project{font-size:#1976d2;color:#1976d2}.purchase-order-view,.work-order-view{background:#fff;border-radius:#1976d2;box-shadow:#1976d2;overflow:hidden}.view-section{border-bottom:1px solid #1976d2}.view-section:last-child{border-bottom:none}.view-section-title{background:#1976d2;padding:#1976d2;font-size:#1976d2;font-weight:#1976d2;color:#1976d2;text-transform:uppercase;letter-spacing:.5px}.view-section-content{padding:#1976d2}.view-row{display:flex;gap:#1976d2;margin-bottom:#1976d2}.view-row:last-child{margin-bottom:0}.view-field{flex:1;min-width:0}.view-field-label{font-weight:#1976d2;color:#1976d2;font-size:#1976d2;margin-bottom:#1976d2;display:block}.view-field-value{color:#1976d2;font-size:#1976d2;word-break:break-word}.view-field-value.financial-value{font-weight:#1976d2}.view-field-value.financial-value.highlight,.view-field-value.financial-value.warning{color:#1976d2}.view-notes{background:#1976d2;padding:#1976d2;border-radius:#1976d2;font-style:italic;color:#1976d2;white-space:pre-wrap}.status-badge{padding:4px 8px;border-radius:12px;font-size:#1976d2;font-weight:#1976d2}.status-badge.status-active{background:#e3fcef;color:#1976d2}.status-badge.status-inactive{background:#f4f5f7;color:#1976d2}.status-badge.status-pending{background:#fffae6;color:#1976d2}.status-badge.status-completed,.status-badge.status-expired{background:#ffebe6;color:#1976d2}.status-badge.status-unknown{background:#f4f5f7;color:#1976d2}.purchase-order-edit,.work-order-edit{background:#fff;border-radius:#1976d2;box-shadow:#1976d2;overflow:hidden}.edit-section{border-bottom:1px solid #1976d2}.edit-section:last-child{border-bottom:none}.edit-section-title{background:#1976d2;padding:#1976d2;font-size:#1976d2;font-weight:#1976d2;color:#1976d2;text-transform:uppercase;letter-spacing:.5px}.edit-section-content{padding:#1976d2}.edit-row{display:flex;gap:#1976d2;margin-bottom:#1976d2}.edit-row:last-child{margin-bottom:0}.edit-field{flex:1;min-width:0}.edit-field.full-width{flex:none;width:100%}.edit-field-label{font-weight:#1976d2;color:#1976d2;font-size:#1976d2;margin-bottom:#1976d2;display:block}.edit-field-input,.edit-field-textarea{width:100%;padding:#1976d2;border:1px solid #1976d2;border-radius:#1976d2;font-size:#1976d2;color:#1976d2;background:#fff;transition:border-color .2s,box-shadow .2s}.edit-field-input:focus,.edit-field-textarea:focus{outline:0;border-color:#1976d2;box-shadow:0 0 0 2px rgba(0,82,204,.2)}.edit-field-input:disabled,.edit-field-input[readonly],.edit-field-textarea:disabled,.edit-field-textarea[readonly]{background:#1976d2;color:#1976d2;cursor:not-allowed}.edit-field-input.ng-invalid.ng-touched,.edit-field-textarea.ng-invalid.ng-touched{border-color:#1976d2}.edit-field-textarea{resize:vertical;min-height:80px}.field-error{color:#1976d2;font-size:#1976d2;margin-top:#1976d2}.field-note{color:#1976d2;font-size:#1976d2;margin-top:#1976d2;display:block}.no-data-state{text-align:center;padding:#1976d2;background:#fff;border-radius:#1976d2;box-shadow:#1976d2}.no-data-icon{font-size:48px;margin-bottom:#1976d2}.no-data-title{font-size:#1976d2;font-weight:#1976d2;color:#1976d2;margin-bottom:#1976d2}.no-data-message{color:#1976d2;margin-bottom:#1976d2}.debug-info{position:fixed;top:20px;right:20px;width:400px;max-height:500px;background:#fff;border:1px solid #1976d2;border-radius:#1976d2;box-shadow:#1976d2;z-index:2000;overflow:hidden}.debug-header{display:flex;justify-content:space-between;align-items:center;padding:#1976d2;background:#1976d2;border-bottom:1px solid #1976d2}.debug-title{font-weight:#1976d2;color:#1976d2}.debug-close{background:0 0;border:none;font-size:18px;cursor:pointer;color:#1976d2;padding:0}.debug-close:hover{color:#1976d2}.debug-content{padding:#1976d2;max-height:400px;overflow-y:auto}.debug-content pre{margin:0;font-size:#1976d2;color:#1976d2;white-space:pre-wrap}.novo-btn{padding:#1976d2;border-radius:#1976d2;font-size:#1976d2;font-weight:#1976d2;text-transform:uppercase;letter-spacing:.5px;transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;gap:#1976d2}.novo-btn:disabled{opacity:.6;cursor:not-allowed}.novo-btn.novo-btn-primary{background:#1976d2;color:#fff;border:1px solid #1976d2}.novo-btn.novo-btn-primary:hover:not(:disabled){background:#1565c0}.novo-btn.novo-btn-secondary{background:#fff;color:#1976d2;border:1px solid #1976d2}.novo-btn.novo-btn-secondary:hover:not(:disabled){background:#1976d2}.novo-btn.novo-btn-positive{background:#1976d2;color:#fff;border:1px solid #1976d2}.novo-btn.novo-btn-positive:hover:not(:disabled){background:#1565c0}.novo-btn.novo-btn-negative{background:#1976d2;color:#fff;border:1px solid #1976d2}.novo-btn.novo-btn-negative:hover:not(:disabled){background:#1565c0}.bhi-add,.bhi-edit,.bhi-save,.bhi-times{font-size:#1976d2}@media (max-width:768px){.purchase-order-content,.work-order-content{padding:#1976d2}.purchase-order-header,.work-order-header{flex-direction:column;align-items:flex-start;gap:#1976d2}.edit-row,.view-row{flex-direction:column;gap:#1976d2}.list-item{flex-direction:column;align-items:flex-start;gap:#1976d2}.debug-info{position:static;width:100%;margin-top:#1976d2}}@media print{.debug-info,.loading-container,.notification,.purchase-order-actions,.work-order-actions{display:none!important}.purchase-order-container,.work-order-container{background:#fff}.purchase-order-content,.work-order-content{padding:0}}