.install-modal-content{display:flex;flex-direction:column;gap:.75rem}.install-subheader{display:flex;flex-direction:column;gap:.375rem;padding:.75rem;background:#eff6ff;border-bottom:1px solid #e5e7eb}.install-subheader .info-row{display:flex;gap:.5rem;font-size:.75rem}.install-subheader .info-label{color:#6b7280;font-weight:500;min-width:4rem;flex-shrink:0}.install-subheader .info-value{color:#1f2937;font-weight:600;flex:1}.install-modal-content .loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem}.install-modal-content .spinner{width:2.5rem;height:2.5rem;border:.25rem solid #f3f3f3;border-top:.25rem solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.install-modal-content .loading-message p{color:#666;font-size:.875rem;margin:0}.install-info-section{background:#fff;border-radius:.5rem;padding:.75rem;border:1px solid #e5e7eb}.install-form-row{margin-bottom:.75rem}.install-form-row:last-child{margin-bottom:0}.install-label{display:block;font-size:.75rem;font-weight:600;color:#1f2937;margin-bottom:.375rem}.install-label .required{color:#ef4444;margin-left:.125rem}.install-form-row-inline{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.install-form-row-inline:last-child{margin-bottom:0}.install-inline-group{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.install-inline-label{font-size:.75rem;font-weight:600;color:#1f2937;white-space:nowrap;flex-shrink:0}.install-input-inline{flex:1;padding:.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;color:#1f2937;background:#fff;transition:all .2s}.install-input-inline:hover{border-color:#007bff}.install-input-inline:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.install-checkbox-label{display:flex;align-items:center;gap:.375rem;cursor:pointer;flex-shrink:0}.install-checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;flex-shrink:0;accent-color:#007bff}.install-checkbox-label span{font-size:.75rem;font-weight:500;color:#1f2937;white-space:nowrap}@media(max-width:640px){.install-modal-content{gap:.625rem}.install-subheader{padding:.625rem .75rem;gap:.3125rem}.install-subheader .info-row{font-size:.6875rem}.install-subheader .info-label{min-width:3.5rem}.install-info-section{padding:.625rem}.install-form-row{margin-bottom:.625rem}.install-label{font-size:.6875rem;margin-bottom:.3125rem}.install-form-row-inline{gap:.625rem;margin-bottom:.625rem}.install-inline-label{font-size:.6875rem}.install-input-inline{padding:.4375rem;font-size:.8125rem}.install-checkbox-label span{font-size:.6875rem}}@media(max-width:375px){.install-subheader .info-row{font-size:.625rem}.install-subheader .info-label{min-width:3rem}.install-form-row-inline{flex-direction:column;align-items:flex-start;gap:.5rem}.install-checkbox-label,.install-inline-group{width:100%}}.base-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:3vw}.base-modal-container{background:#fff;border-radius:.75rem;box-shadow:0 1.25rem 1.5625rem -.3125rem #0000001a,0 .625rem .625rem -.3125rem #0000000a;width:95%;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:101}.base-modal-container.modal-sm{max-width:min(24rem,90vw)}.base-modal-container.modal-md{max-width:min(32rem,92vw)}.base-modal-container.modal-lg{max-width:min(42rem,95vw)}.base-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#007bff,#0056b3);border-bottom:1px solid #e5e7eb;flex-shrink:0}.base-modal-title{margin:0;font-size:1rem;font-weight:600;color:#fff;line-height:1.5}.base-modal-close-btn{padding:.25rem;background:transparent;border:none;color:#fff;cursor:pointer;border-radius:.25rem;transition:background-color .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.base-modal-close-btn:hover{background:#fff3}.base-modal-close-btn:active{background:#ffffff4d}.base-modal-subheader{padding:.75rem 1rem;background:#eff6ff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.base-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;-webkit-overflow-scrolling:touch}.base-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0}@media(min-width:640px)and (max-width:1024px){.base-modal-container.modal-sm{max-width:min(28rem,85vw)}.base-modal-container.modal-md{max-width:min(36rem,88vw)}.base-modal-container.modal-lg{max-width:min(48rem,90vw)}}@media(max-width:640px){.base-modal-overlay{padding:2vw}.base-modal-container{max-height:92vh;width:96%}.base-modal-header{padding:.625rem .75rem}.base-modal-title{font-size:.9375rem}.base-modal-subheader{padding:.625rem .75rem}.base-modal-body{padding:.75rem}.base-modal-footer{padding:.625rem .75rem;gap:.375rem}}@media(max-width:375px){.base-modal-overlay{padding:1vw}.base-modal-container{max-height:94vh;width:98%}.base-modal-title{font-size:.875rem}.base-modal-header,.base-modal-subheader,.base-modal-footer{padding:.5rem}.base-modal-body{padding:.625rem}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-align:center;line-height:1.5}.btn:active{transform:scale(.98)}.btn-sm{padding:.375rem .75rem;font-size:.75rem;border-radius:.375rem}.btn-lg{min-height:3rem;padding:.75rem 1.5rem;font-size:1rem;border-radius:.5rem}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background:#e0a800}.btn-outline-primary{background:transparent;color:#007bff;border:2px solid #007bff}.btn-outline-primary:hover:not(:disabled){background:#007bff;color:#fff}.btn-outline-secondary{background:transparent;color:#6c757d;border:2px solid #6c757d}.btn-outline-secondary:hover:not(:disabled){background:#6c757d;color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed;background:#d3d3d3!important;color:#888!important;border-color:#d3d3d3!important}.btn:disabled:hover{transform:none}.btn-group{display:flex;gap:8px;align-items:center}.btn-group-vertical{display:flex;flex-direction:column;gap:8px;width:100%}.btn-group-vertical .btn{width:100%}@media(max-width:640px){.btn{padding:.5rem .875rem;font-size:.75rem}.btn-sm{padding:.375rem .625rem;font-size:.6875rem}.btn-group-mobile-vertical{flex-direction:column;width:100%}.btn-group-mobile-vertical .btn{width:100%}}@media(max-width:375px){.btn{padding:.4375rem .75rem;font-size:.6875rem}.btn-sm{padding:.3125rem .5rem;font-size:.625rem}}.btn-block{width:100%;display:flex}.btn-with-icon{display:inline-flex;align-items:center;gap:.375rem}.btn-icon-only{padding:.5rem;width:2.25rem;height:2.25rem}.btn-icon-only.btn-sm{padding:.375rem;width:1.875rem;height:1.875rem}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.equipment-model-change-modal-content{display:flex;flex-direction:column;gap:.75rem}.equipment-model-change-modal-content .relative{position:relative;z-index:auto}.equipment-model-change-modal-content .loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem}.equipment-model-change-modal-content .spinner{width:2.5rem;height:2.5rem;border:.25rem solid #f3f3f3;border-top:.25rem solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.equipment-model-change-modal-content .loading-message p{color:#666;font-size:.875rem;margin:0}.modal-subheader{padding:.75rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;line-height:1.5}.info-row .info-label{color:#6b7280;font-weight:500;min-width:4rem;flex-shrink:0}.info-row .info-label:after{content:":";margin-left:.125rem}.info-row .info-value{color:#1f2937;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-row .info-select{flex:1;max-width:12rem}.add-equipment-section{background:#fff;border-radius:.5rem;padding:.75rem;border:1px solid #e5e7eb}.add-equipment-section h3{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.add-equipment-form{display:flex;gap:.5rem;align-items:center}.add-equipment-form .flex-1{flex:1;min-width:0}.count-input{width:3.5rem;padding:.5rem .25rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;font-weight:600;text-align:center;background:#fff}.count-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.unit{font-size:.75rem;color:#6b7280;flex-shrink:0}.add-btn{padding:.5rem .75rem;background:#007bff;color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0}.add-btn:hover{background:#0056b3}.add-btn:active{transform:scale(.98)}.equipment-section{background:#fff;border-radius:.5rem;padding:.75rem;border:1px solid #e5e7eb}.equipment-section h3{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;display:flex;align-items:center;justify-content:space-between}.equipment-count{font-size:.75rem;color:#6b7280;font-weight:500}.equipment-list{display:flex;flex-direction:column;gap:.5rem}.empty-state{display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.empty-state p{color:#6b7280;font-size:.8125rem;margin:0}.equipment-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.625rem;transition:all .2s}.equipment-item.selected{border-color:#007bff;background:#eff6ff;box-shadow:0 0 0 2px #007bff1a}.equipment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer;flex:1}.checkbox-wrapper input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;flex-shrink:0}.equipment-title{font-size:.8125rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.375rem;flex:1}.equipment-title .badge{padding:.125rem .375rem;background:#007bff;color:#fff;font-size:.625rem;font-weight:500;border-radius:.25rem}.equipment-details{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb}.detail-row{display:flex;align-items:center;gap:.5rem}.detail-row label{font-size:.75rem;color:#6b7280;font-weight:500;min-width:4rem;flex-shrink:0}.detail-row .price{font-size:.8125rem;color:#1f2937;font-weight:600}.equipment-summary{display:flex;gap:.375rem;flex-wrap:wrap}.tag{padding:.125rem .5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.25rem;font-size:.6875rem;color:#6b7280;font-weight:500}.modal-footer{display:none}@media(max-width:640px){.modal-subheader{padding:.625rem;gap:.375rem}.info-row{font-size:.75rem}.info-row .info-label{min-width:3.5rem}.info-row .info-select{max-width:10rem}.equipment-model-change-modal-content{gap:.625rem}.add-equipment-section,.equipment-section{padding:.625rem}.add-equipment-section h3,.equipment-section h3{font-size:.8125rem}.add-equipment-form{gap:.375rem}.count-input{width:3rem;padding:.375rem .25rem;font-size:.8125rem}.add-btn{padding:.4375rem .625rem;font-size:.6875rem}.equipment-item{padding:.5rem}.equipment-title{font-size:.75rem}.detail-row label{min-width:3.5rem}}@media(max-width:375px){.modal-subheader{padding:.5rem;gap:.375rem}.info-row{font-size:.6875rem}.info-row .info-label{min-width:3rem}.info-row .info-select{max-width:8rem}.add-equipment-form{flex-wrap:wrap}.add-equipment-form .flex-1{flex-basis:100%}.add-btn{flex:1}}.work-process-flow{background:#fff;min-height:100dvh;min-height:100vh;position:relative}.pb-safe{padding-bottom:env(safe-area-inset-bottom,20px);padding-bottom:max(env(safe-area-inset-bottom),20px)}.process-sticky-header{position:sticky;top:64px;z-index:100;background:#fff;border-bottom:2px solid #e0e0e0}.process-nav{display:flex;justify-content:flex-end;align-items:center;background:#fff;padding:12px 15px;border-bottom:1px solid #e0e0e0}.nav-buttons{display:flex;gap:8px}.process-nav .btn{padding:8px 14px;border-radius:8px;font-weight:600;white-space:nowrap;border:none;cursor:pointer;transition:all .2s ease}.process-nav .btn:disabled{opacity:.4;cursor:not-allowed;background:#d3d3d3!important;color:#888!important}.process-nav .btn:disabled:hover{transform:none;box-shadow:none}.process-nav .btn-list{background:#6c757d;color:#fff;width:36px;min-width:36px;max-width:36px;padding:6px;flex-shrink:0;flex-grow:0;font-size:18px;display:flex;align-items:center;justify-content:center}.process-nav .btn-list:hover:not(:disabled){background:#5a6268}.process-nav .btn-secondary{background:#007bff;color:#fff;flex:1}.process-nav .btn-secondary:hover:not(:disabled){background:#0056b3}.process-nav .btn-primary{background:#007bff;color:#fff;flex:1}.process-nav .btn-primary:hover:not(:disabled){background:#0056b3}.process-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.process-header h2{margin:0;font-size:24px;color:#333}.work-type-badge{padding:8px 16px;background:#007bff;color:#fff;border-radius:20px;font-size:14px;font-weight:500}.step-indicator{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:15px;overflow-x:auto;-webkit-overflow-scrolling:touch}.step{display:flex;flex-direction:column;align-items:center;flex:1;cursor:pointer;transition:all .3s ease}.step.completed .step-number{background:#28a745;color:#fff}.step.active .step-number{background:#007bff;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #007bff4d}.step-number{width:40px;height:40px;border-radius:50%;background:#e0e0e0;color:#666;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;margin-bottom:8px;transition:all .3s ease}.step-title{font-size:13px;color:#666;font-weight:500;text-align:center}.step.completed .step-title{color:#28a745}.step.active .step-title{color:#007bff;font-weight:600}.step-connector{flex:1;height:2px;background:#e0e0e0;margin:0 10px 32px;transition:all .3s ease}.step-connector.completed{background:#28a745}.process-content{background:#fff;padding:15px 15px 100px;min-height:calc(100dvh - 200px);min-height:calc(100vh - 200px)}.work-process-flow .action-buttons{display:none}.step-4-container{display:flex;flex-direction:column;gap:15px}.signal-check-section{padding:12px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.signal-check-section .section-title{font-size:16px;margin-bottom:6px;color:#333;word-break:break-word}.signal-check-section .section-description{display:none}.signal-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}@media(max-width:768px){.work-process-flow{background:#fff}.process-sticky-header{top:64px}.process-nav{justify-content:stretch;padding:10px}.nav-buttons{width:100%}.process-nav .btn{font-size:12px;padding:8px 10px}.process-nav .btn-list{width:32px;min-width:32px;max-width:32px;padding:6px;font-size:16px}.process-nav .btn-secondary,.process-nav .btn-primary{flex:1}.step-indicator{padding:12px 10px;gap:4px}.step{min-width:0;flex:1}.step-title{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.step-number{width:32px;height:32px;font-size:13px;margin-bottom:4px}.step-connector{margin:0 4px 22px;min-width:12px}.process-content{padding:12px 10px;min-height:300px}.step-4-container{gap:12px}.signal-check-section{padding:10px}.signal-check-section .section-title{font-size:14px;margin-bottom:8px}.signal-check-grid{grid-template-columns:1fr;gap:10px}}