.sales-order-details-container{background:var(--background-light);max-width:1400px;color:var(--text-primary-light);margin:0 auto;padding:2rem;transition:all .2s}@media (prefers-color-scheme:dark){.sales-order-details-container{background:var(--background-dark)!important;color:var(--text-primary-dark)!important}}.dark .sales-order-details-container{background:var(--background-dark)!important;color:var(--text-primary-dark)!important}html.dark .sales-order-details-container,body.dark .sales-order-details-container,.app-container.dark .sales-order-details-container{color:#fff!important;background:#181a20!important}@media (prefers-color-scheme:dark){.sales-order-details-container{background:#181a20!important;min-height:100vh!important}}.breadcrumbs{color:var(--text-secondary-light);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;display:flex}.breadcrumbs a{color:var(--primary-color);text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:var(--primary-color-hover);text-decoration:underline}@media (prefers-color-scheme:dark){.breadcrumbs{color:var(--text-secondary-dark)}}.sales-order-header-form{background:var(--card-bg-light);box-shadow:var(--shadow-light);border-radius:12px;margin-bottom:2rem;padding:2rem}@media (prefers-color-scheme:dark){.sales-order-details-container .sales-order-header-form{background:#1a1d29!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important}}.dark .sales-order-details-container .sales-order-header-form,html.dark .sales-order-details-container .sales-order-header-form,body.dark .sales-order-details-container .sales-order-header-form,.app-container.dark .sales-order-details-container .sales-order-header-form{background:#1a1d29!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important}.sales-order-header-form h2{color:#1f2937;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.sales-order-header-form .form-grid-two-columns{grid-template-columns:1fr 1fr!important;gap:2rem!important;width:100%!important;display:grid!important}.sales-order-header-form .form-column{flex-direction:column!important;gap:1.5rem!important;width:100%!important;display:flex!important}.sales-order-header-form .form-group{flex-direction:column;gap:.5rem;display:flex}.sales-order-header-form .form-group label{color:var(--text-primary-light);font-size:.875rem;font-weight:600}.sales-order-header-form .form-group input{border:1px solid var(--border-light);background:var(--background-light);color:var(--text-primary-light);border-radius:8px;padding:.75rem;font-size:1rem;transition:all .2s}.sales-order-header-form .form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha);outline:none}.sales-order-header-form .form-group input[readonly]{background:var(--card-bg-light);color:var(--text-secondary-light);cursor:not-allowed}@media (prefers-color-scheme:dark){.sales-order-header-form{background:var(--card-bg-dark);box-shadow:var(--shadow-dark)}.sales-order-header-form h2{color:#fff!important}.sales-order-header-form .form-group label{color:var(--text-primary-dark)!important}.sales-order-details-container .sales-order-header-form .form-group input{color:#e6e8ef!important;background:#23263a!important;border-color:#444a5a!important}.sales-order-details-container .sales-order-header-form .form-group input[readonly]{color:#aab6ff!important;background:#1a1d29!important}}.dark .sales-order-details-container .sales-order-header-form .form-group input{color:#e6e8ef!important;background:#23263a!important;border-color:#444a5a!important}.dark .sales-order-details-container .sales-order-header-form .form-group input[readonly]{color:#aab6ff!important;background:#1a1d29!important}.dark .sales-order-details-container .sales-order-header-form h2{color:#fff!important}.sales-order-lines-section{background:var(--card-bg-light);box-shadow:var(--shadow-light);border-radius:12px;padding:2rem}.sales-order-lines-section h2{color:var(--text-primary-light);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.table-container{background:var(--background-light);border-radius:8px;overflow-x:auto}.sales-order-lines-table{border-collapse:separate;border-spacing:0;width:100%;min-width:3000px;color:var(--text-primary-light);font-size:1rem}.sales-order-lines-table th:first-child,.sales-order-lines-table td:first-child{width:100px;min-width:100px}.sales-order-lines-table th:nth-child(2),.sales-order-lines-table td:nth-child(2){width:150px;min-width:150px}.sales-order-lines-table th:nth-child(3),.sales-order-lines-table td:nth-child(3){width:250px;min-width:250px}.sales-order-lines-table th:nth-child(4),.sales-order-lines-table td:nth-child(4){width:150px;min-width:150px}.sales-order-lines-table th:nth-child(5),.sales-order-lines-table td:nth-child(5){width:120px;min-width:120px}.sales-order-lines-table th:nth-child(6),.sales-order-lines-table td:nth-child(6){width:180px;min-width:180px}.sales-order-lines-table th:nth-child(7),.sales-order-lines-table td:nth-child(7){width:150px;min-width:150px}.sales-order-lines-table th:nth-child(8),.sales-order-lines-table td:nth-child(8),.sales-order-lines-table th:nth-child(9),.sales-order-lines-table td:nth-child(9){width:200px;min-width:200px}.sales-order-lines-table th:nth-child(10),.sales-order-lines-table td:nth-child(10){width:250px;min-width:250px}.sales-order-lines-table th:nth-child(11),.sales-order-lines-table td:nth-child(11){width:200px;min-width:200px}.sales-order-lines-table th:nth-child(12),.sales-order-lines-table td:nth-child(12){width:300px;min-width:300px}.sales-order-lines-table th:nth-child(13),.sales-order-lines-table td:nth-child(13),.sales-order-lines-table th:nth-child(14),.sales-order-lines-table td:nth-child(14),.sales-order-lines-table th:nth-child(15),.sales-order-lines-table td:nth-child(15),.sales-order-lines-table th:nth-child(16),.sales-order-lines-table td:nth-child(16){width:200px;min-width:200px}.sales-order-lines-table th:nth-child(17),.sales-order-lines-table td:nth-child(17){text-align:center;width:120px;min-width:120px}.sales-order-lines-table th{text-align:left;color:var(--primary-color);border-bottom:2px solid var(--border-light);letter-spacing:.2px;background:0 0;padding:1.2rem .8rem;font-weight:700}.sales-order-lines-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;background:0 0;padding:1rem .8rem;font-weight:500}.requirements-cell textarea{border:1px solid var(--border-light);background:var(--background-light);width:100%;min-height:60px;color:var(--text-primary-light);resize:vertical;border-radius:4px;padding:.5rem;font-family:inherit;font-size:.9rem}.requirements-cell textarea:focus{border-color:var(--primary-color);outline:none}@media (prefers-color-scheme:dark){.requirements-cell textarea{background:var(--background-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}}.dark .requirements-cell textarea{background:var(--background-dark)!important;border-color:var(--border-dark)!important;color:var(--text-primary-dark)!important}html.dark .requirements-cell textarea,body.dark .requirements-cell textarea,.app-container.dark .requirements-cell textarea{color:#e6e8ef!important;background:#23263a!important;border-color:#444a5a!important}@media (prefers-color-scheme:dark){.sales-order-details-container .requirements-cell textarea{color:#e6e8ef!important;background:#23263a!important;border-color:#444a5a!important}}.dark .sales-order-details-container .requirements-cell textarea{color:#e6e8ef!important;background:#23263a!important;border-color:#444a5a!important}.sales-order-lines-table tr:hover td{background:var(--badge-bg-light);transition:background .18s}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}@media (prefers-color-scheme:dark){.sales-order-details-container .sales-order-lines-section{background:var(--card-bg-dark)!important;box-shadow:var(--shadow-dark)!important}.sales-order-details-container .sales-order-lines-section h2{color:var(--text-primary-dark)!important}.sales-order-details-container .table-container{background:var(--background-dark)!important}.sales-order-details-container .sales-order-lines-table{color:var(--text-primary-dark)!important;background:var(--background-dark)!important}.sales-order-details-container .sales-order-lines-table th{background:var(--card-bg-dark)!important;color:var(--text-primary-dark)!important}.sales-order-details-container .sales-order-lines-table td{background:var(--background-dark)!important;color:var(--text-primary-dark)!important}.sales-order-details-container .sales-order-lines-table tr:hover td{color:#fff!important;background:#3a3f5c!important}}.dark .sales-order-details-container .sales-order-lines-section{background:var(--card-bg-dark)!important;box-shadow:var(--shadow-dark)!important}.dark .sales-order-details-container .sales-order-lines-section h2{color:var(--text-primary-dark)!important}.dark .sales-order-details-container .table-container{background:var(--background-dark)!important}.dark .sales-order-details-container .sales-order-lines-table{color:var(--text-primary-dark)!important;background:var(--background-dark)!important}.dark .sales-order-details-container .sales-order-lines-table th{background:var(--card-bg-dark)!important;color:var(--text-primary-dark)!important}.dark .sales-order-details-container .sales-order-lines-table td{background:var(--background-dark)!important;color:var(--text-primary-dark)!important}.dark .sales-order-details-container .sales-order-lines-table tr:hover td{color:#fff!important;background:#3a3f5c!important}html.dark .sales-order-details-container .sales-order-lines-section,body.dark .sales-order-details-container .sales-order-lines-section,.app-container.dark .sales-order-details-container .sales-order-lines-section{background:#23263a!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important}html.dark .sales-order-details-container .sales-order-lines-section h2,body.dark .sales-order-details-container .sales-order-lines-section h2,.app-container.dark .sales-order-details-container .sales-order-lines-section h2{color:#fff!important}@media (prefers-color-scheme:light){.sales-order-details-container{background:var(--background-light)!important;color:var(--text-primary-light)!important;min-height:auto!important}.sales-order-details-container .sales-order-lines-table td{background:var(--background-light)!important;color:var(--text-primary-light)!important}.sales-order-details-container .sales-order-lines-table th{background:var(--card-bg-light)!important;color:var(--text-secondary-light)!important}.sales-order-details-container .sales-order-lines-table tr:hover td{color:var(--text-primary-light)!important;background:#e5e7eb!important}}.sales-order-lines-table th{color:#aab6ff;border-bottom:2px solid var(--border-dark)}.sales-order-lines-table td{border-bottom:1px solid var(--border-dark);color:#f3f4f6}.sales-order-details-container .sales-order-lines-table tbody tr{border-bottom:1px solid var(--border-dark)!important}.sales-order-details-container .sales-order-lines-table tbody tr:last-child{border-bottom:none!important}.sales-order-lines-table tr:hover td{background:#3a3f5c}.status-badge.open{color:#93c5fd;background:#1e3a8a}.status-badge.in-process{color:#fcd34d;background:#92400e}.status-badge.ready-for-delivery{color:#6ee7b7;background:#065f46}.status-badge.delivered{color:#86efac;background:#166534}.status-badge.completed{color:#c7d2fe;background:#4338ca}.status-badge.cancelled{color:#fca5a5;background:#991b1b}.empty-state h3{color:var(--text-primary-light);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.empty-state p{color:var(--text-secondary-light);font-size:1rem}@media (prefers-color-scheme:dark){.empty-state{color:var(--text-secondary-dark)}.empty-state h3{color:var(--text-primary-dark)}.empty-state p{color:var(--text-secondary-dark)}}.loading-spinner{text-align:center;color:var(--text-secondary-light);padding:3rem;font-size:1.1rem}.error-message{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin:1rem 0;padding:1rem}@media (prefers-color-scheme:dark){.loading-spinner{color:var(--text-secondary-dark)}.error-message{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}}.modal-overlay{z-index:1000;background:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg-light);width:90%;max-width:800px;max-height:90vh;color:var(--text-primary-light);border-radius:12px;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.25)}@media (prefers-color-scheme:dark){.modal-content{background:var(--card-bg-dark)!important;color:var(--text-primary-dark)!important}}.dark .modal-content{background:var(--card-bg-dark)!important;color:var(--text-primary-dark)!important}html.dark .modal-content,body.dark .modal-content,.app-container.dark .modal-content{color:#fff!important;background:#1a1d29!important}.modal-content .form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.modal-content .form-group label{color:var(--text-primary-light);font-size:.875rem;font-weight:600}.modal-content .form-group input,.modal-content .form-group textarea,.modal-content .form-group select{border:1px solid var(--border-light);background:var(--background-light);color:var(--text-primary-light);border-radius:8px;padding:.75rem;font-family:inherit;font-size:1rem;transition:all .2s}.modal-content .form-group input:focus,.modal-content .form-group textarea:focus,.modal-content .form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha);outline:none}.modal-content .form-group input[readonly]{background:var(--card-bg-light);color:var(--text-secondary-light);cursor:not-allowed}@media (prefers-color-scheme:dark){.modal-content .form-group label{color:var(--text-primary-dark)!important}.modal-content .form-group input,.modal-content .form-group textarea,.modal-content .form-group select{color:#e6e8ef!important;background:#23263a!important;border-color:#444a5a!important}.modal-content .form-group input[readonly]{color:#aab6ff!important;background:#1a1d29!important}}.dark .modal-content .form-group input,.dark .modal-content .form-group textarea,.dark .modal-content .form-group select{color:#e6e8ef!important;background:#23263a!important;border-color:#444a5a!important}.dark .modal-content .form-group input[readonly]{color:#aab6ff!important;background:#1a1d29!important}.modal-header-title{color:#1f2937!important;margin:0!important;font-size:1.5rem!important;font-weight:700!important}.section-header-title{color:#1f2937!important;margin:0 0 16px!important;font-size:1.2rem!important;font-weight:600!important}@media (prefers-color-scheme:dark){.modal-header-title,.section-header-title{color:#fff!important}}.dark .modal-header-title,.dark .section-header-title,html.dark .modal-header-title,body.dark .modal-header-title,.app-container.dark .modal-header-title,html.dark .section-header-title,body.dark .section-header-title,.app-container.dark .section-header-title{color:#fff!important}.comments-label{color:#1f2937!important;font-weight:700!important}.editable-indicator{color:#3b82f6!important;font-size:.8rem!important}@media (prefers-color-scheme:dark){.comments-label{color:#fff!important}.editable-indicator{color:#60a5fa!important}}.dark .comments-label{color:#fff!important}.dark .editable-indicator{color:#60a5fa!important}html.dark .comments-label,body.dark .comments-label,.app-container.dark .comments-label{color:#fff!important}html.dark .editable-indicator,body.dark .editable-indicator,.app-container.dark .editable-indicator{color:#60a5fa!important}.editable-comments-field{background:#f0f9ff!important;border:2px solid #3b82f6!important;border-radius:8px!important;padding:12px!important;font-size:1rem!important;transition:all .2s!important;box-shadow:0 2px 4px rgba(59,130,246,.1)!important}.editable-comments-field:focus{background:#fff!important;border-color:#1d4ed8!important;outline:none!important;box-shadow:0 0 0 3px rgba(59,130,246,.2)!important}@media (prefers-color-scheme:dark){.editable-comments-field{color:#e6e8ef!important;background:#1e3a8a!important;border-color:#60a5fa!important}.editable-comments-field:focus{background:#1e40af!important;border-color:#93c5fd!important;box-shadow:0 0 0 3px rgba(96,165,250,.3)!important}}.dark .editable-comments-field{color:#e6e8ef!important;background:#1e3a8a!important;border-color:#60a5fa!important}.dark .editable-comments-field:focus{background:#1e40af!important;border-color:#93c5fd!important;box-shadow:0 0 0 3px rgba(96,165,250,.3)!important}html.dark .editable-comments-field,body.dark .editable-comments-field,.app-container.dark .editable-comments-field{color:#e6e8ef!important;background:#1e3a8a!important;border-color:#60a5fa!important}html.dark .editable-comments-field:focus,body.dark .editable-comments-field:focus,.app-container.dark .editable-comments-field:focus{background:#1e40af!important;border-color:#93c5fd!important;box-shadow:0 0 0 3px rgba(96,165,250,.3)!important}@media (max-width:768px){.sales-order-details-container{padding:1rem}.form-grid{grid-template-columns:1fr}.sales-order-header-form,.sales-order-lines-section{padding:1.5rem}.sales-order-lines-table{font-size:.9rem}.sales-order-lines-table th,.sales-order-lines-table td{padding:.5rem .4rem}.modal-content{width:95%;max-height:95vh}}