/* Unified Asset Modal Styles */
.unified-asset-modal .modal-dialog {
  max-width: 1000px;
}

.unified-asset-modal .section-header {
  border-bottom: 2px solid #e9ecef;
  padding-bottom: 8px;
  margin-bottom: 16px;
}

.unified-asset-modal .section-header h6 {
  color: #495057;
  font-weight: 600;
  margin-bottom: 4px;
}

.unified-asset-modal .section-header small {
  color: #6c757d;
  font-size: 0.875rem;
}

/* Tab styling improvements */
.unified-asset-modal .nav-tabs {
  border-bottom: 2px solid #dee2e6;
  margin-bottom: 1.5rem;
}

.unified-asset-modal .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-radius: 0.375rem 0.375rem 0 0;
  color: #6c757d;
  font-weight: 500;
}

.unified-asset-modal .nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6;
  color: #495057;
  background-color: #f8f9fa;
}

.unified-asset-modal .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  font-weight: 600;
}

.unified-asset-modal .nav-tabs .nav-link:disabled {
  color: #adb5bd;
  background-color: transparent;
  border-color: transparent;
  cursor: not-allowed;
}

/* Form control styling */
.unified-asset-modal .form-control {
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.unified-asset-modal .form-control:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.unified-asset-modal .form-control-plaintext {
  background-color: transparent !important;
  border: 1px solid transparent !important;
  padding-left: 0 !important;
  color: #374151 !important;
  font-weight: 500;
}

.unified-asset-modal .form-control[readonly] {
  background-color: #f8f9fa;
  border-color: #e9ecef;
  color: #495057;
  cursor: default;
}

/* Network interfaces section styling */
.unified-asset-modal .network-interfaces-section {
  padding: 0.5rem 0;
}

/* Alert styling */
.unified-asset-modal .alert {
  border-radius: 0.5rem;
  border: none;
  padding: 1rem 1.25rem;
}

.unified-asset-modal .alert-warning {
  background-color: #fff3cd;
  color: #856404;
  border-left: 4px solid #ffc107;
}

.unified-asset-modal .alert-info {
  background-color: #d1ecf1;
  color: #0c5460;
  border-left: 4px solid #17a2b8;
}

.unified-asset-modal .alert-danger {
  background-color: #f8d7da;
  color: #721c24;
  border-left: 4px solid #dc3545;
}

/* Badge styling for form elements */
.unified-asset-modal .badge {
  font-size: 0.75rem;
  padding: 0.375rem 0.5rem;
  border-radius: 0.25rem;
}

/* Button styling */
.unified-asset-modal .btn {
  border-radius: 0.375rem;
  font-weight: 500;
  transition: all 0.15s ease-in-out;
}

.unified-asset-modal .btn-sm {
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
}

/* View mode styling */
.unified-asset-modal.view-mode .form-control {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}

.unified-asset-modal.view-mode .form-control:focus {
  border-color: transparent;
  box-shadow: none;
}

/* Header edit toggle button */
.unified-asset-modal .modal-header .btn {
  font-size: 0.8rem;
  padding: 0.4rem 0.8rem;
}

/* Form spacing improvements */
.unified-asset-modal .form-group {
  margin-bottom: 1rem;
}

.unified-asset-modal .form-label {
  font-weight: 500;
  color: #374151;
  margin-bottom: 0.5rem;
}

.unified-asset-modal .form-text {
  font-size: 0.825rem;
  color: #6c757d;
  margin-top: 0.25rem;
}

/* Tab content area */
.unified-asset-modal .tab-content {
  padding: 0.5rem 0;
}

/* Success indicator for completed tabs */
.unified-asset-modal .nav-tabs .nav-link .text-success {
  font-size: 0.9em;
  margin-left: 0.25rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .unified-asset-modal .modal-dialog {
    max-width: 95%;
    margin: 1rem;
  }
  
  .unified-asset-modal .row {
    margin: 0 -0.5rem;
  }
  
  .unified-asset-modal .col-md-6 {
    padding: 0 0.5rem;
  }
}

/* Loading states */
.unified-asset-modal .form-control:disabled {
  background-color: #f8f9fa;
  opacity: 0.8;
}

.unified-asset-modal .btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

/* Checkbox styling */
.unified-asset-modal .form-check {
  padding-left: 1.5rem;
}

.unified-asset-modal .form-check-input {
  margin-left: -1.5rem;
  margin-top: 0.125rem;
}

.unified-asset-modal .form-check-label {
  font-weight: 500;
  color: #374151;
  cursor: pointer;
}

/* Modal footer styling */
.unified-asset-modal .modal-footer {
  border-top: 1px solid #dee2e6;
  padding: 1rem 1.5rem;
  background-color: #f8f9fa;
}

.unified-asset-modal .modal-footer .btn + .btn {
  margin-left: 0.5rem;
}